SDL Digital Experience Accelerator is linked to social media by links to your company social media pages in the footer, by links to shared content on social media on certain types of page, and by metadata included in the pages enables social media platforms to understand the content on your site.
Procedure
- Edit the links to your Company Pages (and their URLs):
- In Experience Manager, click the block of social icons in the footer and edit the corresponding Component.
- Alternatively, In Content Explorer, go to Building Blocks\Content\_Structure\Footer\Social Network Pages and edit the Component directly.
- Extend the list of social networks:
- Add new Keywords to the Social Networks Category.
- Enter a value in the Keyword Key field that corresponds to a valid Font Awesome icon type without the
fa- prefix otherwise the icon will not display correctly, for example facebook, google-plus, and so on.
- Republish the Component to trigger a republish of the footer include page.
- Add or remove Social Sharing Links in the toolbar containing social sharing buttons which appears on certain types of Pages:
- In Experience Manager, click the toolbar and edit the configuration Component.
- Alternatively, in Content Explorer go to Building Blocks\Content\_Structure\Social Sharing Links and edit the Component directly.
The URL for the sharing link should use the placeholder {0} for where the URL of the shared link would be placed.
- By default, the social sharing toolbar only appears on Pages that use the layouts Content Page and Content Page without Left Navigation. If you want to change the types of Pages on which the toolbar appears, you need to update the corresponding Page Templates to reference the Content Tools include.
Results
If you look at the source of a Page containing content, you see that metadata is automatically added to help social networks understand more about your Pages and enable them to show more information.
<meta name="twitter:card" content="summary">
<meta name="og:title" content="Further Information">
<meta name="og:url" content="http://www.mysite.com/further-information">
<meta name="og:type" content="article">
<meta name="og:locale" content="en-US">
<meta name="og:description" content="Vestibulum ante ipsum primis in faucibus orci luctus ....">
<meta name="og:image" content="http://www.mysite.com/media/blueprint_tcm8-757.jpg">
Note: These values are extracted from content added to the Page so you do not need to explicitly set them when creating new Content/Pages.