Skip to main content

Official Website

of the Commonwealth of Pennsylvania

    The .gov means its official.

    Local, state, and federal government websites often end in .gov. Commonwealth of Pennsylvania government websites and email systems use "pennsylvania.gov" or "pa.gov" at the end of the address. Before sharing sensitive or personal information, make sure you're on an official state website. 
    Experience Fragments

    Social Media Experience Fragment

    Social Media appears on Agency News Article pages below the Hero as an Experience Fragment (XF). It provides the social media channels for the agency. A Social Media XF is created and baked into the template. If the Social Media XF is edited, changes will reflect across all of the agency's Agency News Article pages.

     

    Social Media may be optionally added to pages as a regular component as well (not as an XF). Read the user guide below for more info.

    Learn about Social Media component
    Learn about Agency News Article template

    Overview

    Component name: Social Media XF

    Authors who can use component: any

    Templates/page types that can use component: Agency News Article template

    Required or optional: optional on Agency News Article template

    Authoring Fields

    Editing the Social Media Experience Fragment 

    Follow the below steps if the social channels in the Social Media XF referenced on the template needs to be edited. In this example, the DHS Social Media XF will be edited.

    1. From the landing Navigation page, select Experience Fragments.

    Navigation landing page, featuring Experience Fragments

    2.  Find the XF in the sitemap. Click through the site hierarchy to find the location. In the example below, the XF to edit is called “Social Media.” The XF is in the CoPA PWP PAGov Fragments folder, in the English folder, in the DHS folder, under Social Media. Select the checkmark, then Edit.

    Experience Fragments section of AEM, showing the folder in which DHS' Social Media Experience Fragment is located.

    3. Click the checkmark next to Social Media, then click Edit.

    4. DHS’ Social Media XF that is baked into all DHS Agency News Article templates will open in edit mode. Click the component so it highlights blue, then select the edit wrench from the toolbar.

    Editing screen for DHS' Social Media Experience Fragment. Changes made here will reflect anywhere the Experience Fragment is referenced.

    5. Edit as normal. Reference the Social Media user guide for more information.

    6. Your agency's Agency News Article template – both new ones that are created, and already-published old ones – will show the updated Media Contacts XF.

    Sample Agency News Article page, with Social Media Experience Fragment baked in.

    Accessibility

    • New accessibility fields were added to the Social Media Component. Digitial Directors now have the ability to distinguish their authored social media links from the ones in the footer.
    • New required field in AEM for Social Media component: Accessibility Label
      • Indicate the agency name for the given social media page. For example, "Department of Insurance". 
      • The tooltip label should indicate the social media platform. For example, "Facebook". 
      • Tooltip: Identify social media icons with agency names to distinguish them from footer icons (e.g., "Facebook - Agency Name")

    Other tips

    • Do not use "Social Media" as the title/name of any other Experience Fragments. Only the Social Media XF as added to the Agency News Article template may have this name.