Social Links

The Social Links component displays various social media icons that link to the defined corresponding URL (i.e., Facebook icon links to the Facebook page for the organization). The end points are defined in General Settings by a Super Author.

On This Page:

When to Use

The Social Links component allows Census' social media accounts to be easily accessbile from the site and should be focused on the sharable pieces of content like blog posts and videos.

Usage

The Social Links component should be used to give users more ways to engage and interact with the Census brand. Super Author access is required to define the end points for each Social Media platform.

Configure Dialog

author

In the dialog, the content author will select the social media link end point(s) from the dropdown. The selected social media links will display their respective icons in a list format.

Developer Resources

Expand the section below to see the Social Links component's HTML output.

<div class="sociallinks aem-GridColumn aem-GridColumn--default--12">

<div class="uscb-grid-wrap-container uscb-layout-row uscb-layout-column-sm uscb-wrap social-links-wrapper">

 

 

    

<div class="uscb-social-link-card uscb-grid-3 uscb-grid-tbl-6 uscb-grid-mbl-4 uscb-layout-column">

<div class="uscb-social-link-header">

<span class="uscb-social-link-platform-name">Facebook</span>

</div>

                    <a href="https://www.facebook.com/uscensusbureau" target="_blank" alt="Facebook" class="uscb-social-link-body" onclick="shareThisClick(this);">

<div class="uscb-social-link-icon">

<i class="o-facebook-1 share-icon" aria-hidden="true"></i>

</div>

<div class="uscb-social-link-platform-description">Connect with other data users from around the U.S., view our most recent figures through infographics, and share your thoughts.</div>

<div class="uscb-social-link-navigation">

                            <i class="o-angle-right-circle-1"></i>

</div>

</a>

</div>

<div class="uscb-social-link-card uscb-grid-3 uscb-grid-tbl-6 uscb-grid-mbl-4 uscb-layout-column">

<div class="uscb-social-link-header">

<span class="uscb-social-link-platform-name">Twitter</span>

</div>

                    <a href="https://twitter.com/uscensusbureau" target="_blank" alt="Twitter" class="uscb-social-link-body" onclick="shareThisClick(this);">

<div class="uscb-social-link-icon">

<i class="o-twitter-1 share-icon" aria-hidden="true"></i>

</div>

<div class="uscb-social-link-platform-description">The latest data releases and trends, the decennial census, and special events. And don't forget to tweet us about your favorite data.</div>

<div class="uscb-social-link-navigation">

                            <i class="o-angle-right-circle-1"></i>

</div>

</a>

</div>

<div class="uscb-social-link-card uscb-grid-3 uscb-grid-tbl-6 uscb-grid-mbl-4 uscb-layout-column">

<div class="uscb-social-link-header">

<span class="uscb-social-link-platform-name">LinkedIn</span>

</div>

                    <a href="https://www.linkedin.com/company/us-census-bureau" target="_blank" alt="Linkedln" class="uscb-social-link-body" onclick="shareThisClick(this);">

<div class="uscb-social-link-icon">

<i class="o-linkedin-1 share-icon" aria-hidden="true"></i>

</div>

<div class="uscb-social-link-platform-description">We're on Linkedln. Follow our page to learn about jobs and census data. Share our job opportunities with your friends, family, and colleagues!</div>

<div class="uscb-social-link-navigation">

                            <i class="o-angle-right-circle-1"></i>

</div>

</a>

</div>

<div class="uscb-social-link-card uscb-grid-3 uscb-grid-tbl-6 uscb-grid-mbl-4 uscb-layout-column">

<div class="uscb-social-link-header">

<span class="uscb-social-link-platform-name">YouTube</span>

</div>

                    <a href="https://www.youtube.com/user/uscensusbureau" target="_blank" alt="YouTube" class="uscb-social-link-body" onclick="shareThisClick(this);">

<div class="uscb-social-link-icon">

<i class="o-youtube-1 share-icon" aria-hidden="true"></i>

</div>

<div class="uscb-social-link-platform-description">Learn how our data can benefit you and how we protect your privacy. Also, check out our new apps and the latest updates on the 2020 census.</div>

<div class="uscb-social-link-navigation">

                            <i class="o-angle-right-circle-1"></i>

</div>

</a>

</div>

<div class="uscb-social-link-card uscb-grid-3 uscb-grid-tbl-6 uscb-grid-mbl-4 uscb-layout-column">

<div class="uscb-social-link-header">

<span class="uscb-social-link-platform-name">Instagram</span>

</div>

                    <a href="https://www.instagram.com/uscensusbureau/" target="_blank" alt="Instagram" class="uscb-social-link-body" onclick="shareThisClick(this);">

<div class="uscb-social-link-icon">

<i class="o-instagram-1 share-icon" aria-hidden="true"></i>

</div>

<div class="uscb-social-link-platform-description">We're on lnstagram! Follow us for the latest images from the Census Bureau.</div>

<div class="uscb-social-link-navigation">

                            <i class="o-angle-right-circle-1"></i>

</div>

</a>

</div>

</div>

 

</div>

Top of Section
Is this page helpful?
Thumbs Up Image Yes Thumbs Down Image No
NO THANKS
255 characters maximum 255 characters maximum reached
Thank you for your feedback.
Comments or suggestions?

Top

Back to Header