Facebook Tracking Image Pixels

How to integrate Facebook Tracking Image Pixels with GiveGab Enterprise

Ashleigh Alldredge avatar
Written by Ashleigh Alldredge
Updated over a week ago

Please begin by reviewing Facebook’s help center on Tracking Pixels, especially step ‘2: Add the Facebook pixel to your website’ where the base tracking code is added to the HTML of the webpage(s) where your Enterprise form(s) is embedded.

Keep in mind that when a successful submission occurs on an Enterprise form, the webpage URL itself does not change, the content of the Enterprise embedded form changes, replacing the form inputs with the HTML enabled ’On-screen’ confirmation message.

Depending on which Facebook ‘standard event’ tracking pixel will work best for your organization tracking purposes (we recommend either the ‘Purchase’ or ‘Donate’ event), you will need to embed the image pixel code (<img> tag) directly into the HTML code of the Form > ‘Confirmation Messages’ > ‘On-screen Message’ at the form level, within the Enterprise platform, to successfully track form submissions.

First, visit the confirmation messages tab at the form level and click the edit icon under the On Screen Messages section:

From there, click into the HTML source editor:

Lastly, paste in your Facebook Image Tracking Pixel and click 'Update':

Here is an example of the image pixel code using the standard Facebook tracking event ‘Purchase’:

<br /><img src="https://www.facebook.com/tr?id=1234567890&amp;ev=Purchase&amp;cd[value]={{AmountPaid.decimalAmount}}&amp;cd[currency]={{AmountPaid.currency}}&amp;noscript=1" height="1" width="1" style="display:none"/>

Here is an example of the image pixel code using the standard Facebook tracking event ‘Donate’:

<br /><img src="https://www.facebook.com/tr?id=1234567890&amp;ev=Donate&amp;cd[value]={{AmountPaid.decimalAmount}}&amp;cd[currency]={{AmountPaid.currency}}&amp;noscript=1" height="1" width="1" style="display:none"/>
  1. It is required that you use your own Facebook Pixel ID value in the examples above, and not the 1234567890  value.

  2. the {{amount.decimalAmount}}  is a GiveGab Enterprise 'Response Tag' variable that will dynamically be replaced with the amount of the donation (ex '25.00')

  3. the {{amount.currency}} is a GiveGab Enterprise 'Response Tag' variable that will dynamically be replaced with the ISO currency code of  donation (ex. 'USD')

Did this answer your question?