This article describes how to set up the Facebook Buttons tag in your Tealium iQ Tag Management (TiQ) account.

In this article:

Table of Contents Placeholder

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