Social Button Data Collection Guide

Twitter and Facebook Activity

The Salesforce DMP Control Tag can track Facebook Likes and Twitter Tweets from web pages.  The requirement is those social buttons are implemented directly from the following:

  •     https://developers.facebook.com/docs/plugins/like-button
  •     https://developers.facebook.com/docs/plugins/send-button
  •     https://dev.twitter.com/web/tweet-button

Other social widgets

If your social widget code is not directly from Twitter or Facebook, this is the general process for adding the Salesforce DMP event tracking pixel into the onclick() event of a social button on your owned and operated websites, followed by how to verify the event pixel is properly implemented

Enabling on-site event-based data for social button clicks requires adding the Salesforce DMP Event Tracking Pixel to the required JavaScript event.

To gather Social Campaign data, the Salesforce DMP Event Pixel is added to the the onclick() event of the social button on your website by implementing JavaScript to call the Event Pixel:

function onclick() {
          (new Image()).src = "<event_url>"

Some resources on event handlers are listed below:

Sample Event Pixel

Note: To ensure that you are using the correct event ID and configuration ID for your brand, please use only the event pixel provided by Salesforce DMP for deployment.

The sample_event_ID is the Event ID created by Salesforce DMP for the social event created under People > Actions > Manage Events.

<img src='https://beacon.krxd.net/event.gif?event_id=sample_event_id&event_type=social&pub_id=0fi0ed10-6zd5-11df-aa2b-0800200c9a66' width=0 height=0 />

Verifying the Event Pixel

You may use Chrome's Developer Tools, The Firebug browser extension, or other tools to verify the Event Pixel fire.

How to Verify the Event Pixel with the Chrome Browser

1. Navigate to a page on your site where the Event Pixel is deployed.

2. Click the Chrome Menu at the top right of your Chrome browser window.

3. Select More Tools > Developer Tools.

chrome_more_tools_menu__1_.png

The Developer Tools pane will open at the bottom of your browser.

4. At the top of Developer Tools pane are several tabs. Click the Network tab.

5. The resulting Network tab displays several icons, one of which is for Filter. Click the Filter icon and ensure the form input for Filter appears.

6. Type "event.gif" inside the Filter form input.

7. Verify that you see an "event.gif" from the domain "beacon.krxd.net" in the item list.

chrome_developer_tools_search_social_event_labelled_cleared_476x363__1_.png

How to Verify the Event Pixel Using the Firebug Browser Extension

The Firebug Browser Extension, which you can install in most browsers, is very similar to Chrome's Developer Tools. Below is how to use it to verify the Event Pixel.

1. Ensure that you’ve installed the Firebug Browser Extension in your browser.

2. Navigate to a page on your site where the Control Tag is deployed.

3. Click the Firebug icon button at the top of the browser.

firebug_extension_button__1_.png

4. The Firebug pane should open at the bottom of the browser.

5. Click the Net tab.

6. Once the Net tab opens, type "event" in the form input at the top right of the Firebug pane.

7. Verify that the you see a "event.gif" from the domain "beacon.krxd.net" in the item list.

event_pixel_verification_firebug_params_screenshot_obfuscated_labelled_smaller__1_.png

Validating Your Implementation

For more details on validating Salesforce DMP with your Social Campaigns, see our Media Tag Validation article.

Need Help?

If you need help with the Social Campaigns, don't hesitate to contact the Salesforce DMP Solutions team at kruxhelp@krux.com.

Have more questions? Submit a request

0 Comments

Article is closed for comments.