Social Sharing

Social Sharing adds Facebook and Pinterest share links to the page. It is often included in page headers or footers.

Github URL
Adobe URL
Source URL
Title
Standard
Content

Social Sharing with Facebook and Pinterest links.

Result
Properties:
jcr:primaryType: nt:unstructured
jcr:createdBy: admin
jcr:lastModifiedBy: admin
jcr:created:
jcr:lastModified:
sling:resourceType: core-components-examples/components/sharing
Markup:
<div class="sharing">
  <div class="fb-share-button" data-href="https://publish-p7704-e12962.adobeaemcloud.com/content/core-components-examples/library/page-authoring/social-sharing.html" data-layout="button_count" data-size="small" data-mobile-iframe="false">
  </div>
  <a data-pin-do="buttonPin" data-pin-count="beside" data-pin-save="true" data-pin-media="https://publish-p7704-e12962.adobeaemcloud.com/content/core-components-examples/library/page-authoring/social-sharing.thumb.800.480.png?ck=1612189226" href="https://www.pinterest.com/pin/create/button/"></a>
</div>
JSON:
{"facebookEnabled":true,"pinterestEnabled":true,"socialMediaEnabled":true,"metadata":{"og:title":"Social Sharing","og:url":"https:\/\/publish-p7704-e12962.adobeaemcloud.com\/content\/core-components-examples\/library\/page-authoring\/social-sharing.json","og:type":"website","og:site_name":"Core Components","og:image":"https:\/\/publish-p7704-e12962.adobeaemcloud.com\/content\/core-components-examples\/library\/page-authoring\/social-sharing.thumb.800.480.png?ck=1612189226","og:description":"Add social sharing links"},"hasFacebookSharing":true,"hasPinteresSharing":true,":type":"core-components-examples\/components\/sharing"}
PostCSS: CSS:

By mchavez

Hi, I am Michael Chavez, a web developer based in San Francisco, California. I started Space-Rocket in 2012 to make custom content management systems that are tailored to business needs.

Leave a comment

Your email address will not be published. Required fields are marked *