Facebook Buttons Tag Setup Guide

This article describes how to set up the Facebook Buttons tag.

Tag Tips

  • Some configuration parameters only apply to Like box, such as border color and height.

  • If you do not already have one, use the Content Modification extension to insert a new DIV in your page.

  • HREF defaults to the page URL unless override by mappings.

  • Language needs to be in the format ll_cc

    • ll is the two-letter language code
    • cc is the two-letter country code
    • See Facebook Locales for all supported codes.
  • Kid Directed

    • Must be set to true if your web site or online service, or a portion of your service, is directed to children under 13.

Tag Configuration

First, go to Tealium’s tag marketplace and add the Facebook Buttons tag (Learn more about how to add a tag).

After adding the tag, configure the following settings:

  • Action

  • Div ID

    • DIV ID where the button displays.
  • HREF

    • URL of the page.
    • Defaults to dom.url in the data layer
  • Language

    • Default is en_US
    • The basic format is ll_CC, where ll is a two-letter language code, and CC is a two-letter country code.
    • See Facebook Locales for all supported codes.
  • Color Scheme

  • Layout

    • For use with Like and Share buttons.
  • Kid Directed

    • Must be set to true if your web site or online service, or a portion of your service, is directed to children under 13.
  • Size

  • Width

Data Mappings

Mapping is the process of sending data from a data layer variable to the corresponding destination variable of the vendor tag. For instructions on how to map a variable to a tag destination, see Data Mappings.

The available categories are:

Standard

Variable Description
action
  • Action
language
  • Language
href
  • Href Link
config.colorscheme
  • Color Scheme
  • Values are light or dark
appId
  • App ID
config.size
  • Size
config.width
  • Width

Like

Variable Description
like.layout
  • Layout
like.show_faces
  • Show Faces
  • Values are true or false.
like.kid_directed
  • Kid Directed Site
  • Values are true or false.
like.color_scheme
  • Color Scheme
  • Values are light or dark.
like.###
  • Custom Like Value

Recommend

Variable Description
rec.layout
  • Layout
rec.show_faces
  • Show Faces
  • Values are true or false.
rec.kid_directed
  • Kid Directed Site
  • Values are true or false.
rec.color_scheme
  • Color Scheme
  • Values are light or dark.
rec.###
  • Custom Recommend Value

Share

Variable Description
share.layout
  • Layout
share.kid_directed
  • Kid Directed Site
  • Values are true or false.
share.###
  • Custom Share Value

Send

Variable Description
send.kid_directed
  • Values are true or false.
send.color_scheme
  • Values are light or dark.
send.###
  • Custom Send Value

Was this page helpful?

This page was last updated: November 6, 2019