Facebook Buttons Tag Setup Guide

[#1]

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