Using Facebook pixels in Sumo
Sumo supports all forms of Tracking Pixels, and a popular one is Facebook. You can use the Pixel to track actions that occur within Sumo, such as a click or subscribe. You can then optimize and retarget your Pixel as needed to better target your audience and optimize your subscriptions.
Facebook Pixel Official Documentation
This document assumes you already have a Facebook account with your website setup. If not, you should get started. :)
For an in depth understanding of Facebook Pixels please review them here:
Facebook Pixels
Creating Your Facebook Pixel Code
Here is what the Base code you can start with will look like, which we've taken from the Facebook Pixel Manager page:
<code><script><br>!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?<br>n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;<br>n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;<br>t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,<br>document,'script','https://connect.facebook.net/en_US/fbevents.js');<br>fbq('init', 'FB_PIXEL_ID_GOES_HERE'); <br>fbq('track', 'PageView');<br></script><br><noscript><img height="1" width="1" style="display:none"<br>src="https://www.facebook.com/tr?id=735278773312067&ev=PageView&noscript=1"<br>/></noscript>
Once you add the Base code, you will want to add in the Event Code that you'd like. You can either add a Standard Event or Custom Event:
Standard: fbq('track', 'ViewContent');
<code><script><br>!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?<br>n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;<br>n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;<br>t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,<br>document,'script','https://connect.facebook.net/en_US/fbevents.js');<br>fbq('init', 'FB_PIXEL_ID_GOES_HERE');<br><strong>fbq('track', 'ViewContent');</strong><br></script><br><noscript><img height="1" width="1" style="display:none"<br>src="https://www.facebook.com/tr?id=735278773312067&ev=PageView&noscript=1"<br>/></noscript><br>
Custom: fbq('track', {customData});
<code><script><br>!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?<br>n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;<br>n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;<br>t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,<br>document,'script','https://connect.facebook.net/en_US/fbevents.js');<br>fbq('init', 'FB_PIXEL_ID_GOES_HERE'); <br><strong>fbq('track', {customData});</strong><br></script><br><noscript><img height="1" width="1" style="display:none"<br>src="https://www.facebook.com/tr?id=735278773312067&ev=PageView&noscript=1"<br>/></noscript>
Read more about the Standard and Custom Events here.
Implementing Your Facebook Pixel Code
While our examples show List Builder 3 and Welcome Mat, Sumo supports Tracking in the following Apps:
- List Builder
- List Builder (legacy)
- Scroll Box (legacy)
- Welcome Mat
- Smart Bar
- Contact Form
List Builder
In List Builder, you'll find Conversion Pixels split into three categories: Tracking Pixels, Subscribe Pixels and Click Pixels.
Tracking Pixels - This is where you'll put your Facebook Pixel code if you want it to fire when the user is shown the popup on your website.
Subscribe Pixels - This is where you'll put your Facebook Pixel code if you want it to fire when the user has made an email submission on your popup. It won't fire if your popup has a Call to Action button that the visitor clicked on.
Click Pixels - This is where you'll put your Conversion Pixel code if you want it to fire when the user has clicked on a Call to Action button in your popup. If you have multiple Call to Action buttons, it will only fire on the first one clicked.
Legacy Email Apps
The process to add Tracking and Converison pixels in the Legacy Apps is slightly different. To add your Pixel in List Builder (legacy), Welcome Mat, Scroll Box (legacy), Smart Bar and Contact Form, you will want to open your Mat/Box/Bar/Popup and then go to the "Tracking Pixels" tab and add your Pixel in the proper box.
