If you have a Facebook account you can create a facebook pixel to track activity on your website and help tailor your Facebook ads to that activity.
Below are instructions on how you can add the Facebook Pixel to your ShopSite website.
Start by copying the code below, and paste it into an include file called "FB-Pixel.sst" in your ShopSite store. Replace the "XXXXXXXXX" with your pixel ID. Replace "YYYYYYYYY" with the class name of the element containing your products' SKU on category pages.
[-- IF VAR.Type "page" --]
<script>
var prodids = [];
$(".YYYYYYYYY").each(function(){var prodid = $(this).html();prodids.push(prodid);});
</script>
[-- END_IF --]
<script>
!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
document,'script','https://connect.facebook.net/en_US/fbevents.js');
fbq('init', 'XXXXXXXXX'); // Insert your pixel ID here.
fbq('track', 'PageView');
[-- IF VAR.Type "page" --]fbq('track', 'ViewContent',{
content_ids: prodids,
content_type: 'product'
});
[-- ELSE_IF VAR.Type "more" --]fbq('track', 'ViewContent',{
"content_ids": "[-- PRODUCT.Sku --]",
"content_type": "product",
"value":"[-- IF PRODUCT.SaleAmount --][-- PRODUCT.SaleAmount NO_SYMBOL --][-- ELSE --][-- PRODUCT.Price NO_SYMBOL --][-- END_IF --]","currency":"USD"
});
[-- ELSE_IF VAR.Type "search" --]fbq('track', 'Search');
[-- ELSE_IF VAR.Type "cart" --]
[-- IF VAR.Secure "no" --]fbq('track', 'InitiateCheckout');
[-- ELSE_IF VAR.SubType "checkout" --]fbq('track', 'AddPaymentInfo');
[-- ELSE_IF VAR.SubType "thankyou" --]
fbq('track', 'Purchase', {
content_type: 'product',
content_ids: ss_sku,
value: [-- CART.Total NO_SYMBOL --],
currency: 'USD'
});
[-- END_IF --]
[-- END_IF --]
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=XXXXXXXXX&ev=PageView&noscript=1"
/></noscript>
In each of your template types, page, product, search and cart (you can also add this into the wishlist, customer registration and gift certificate pages if you want to track those) add the following code, as well as the corresponding [-- VAR.Type --] tag.
Add [-- VAR.Type "page" --][-- INCLUDE FB-Pixel.sst PROCESS --] just before the </body> tag.
Add [-- VAR.Type "more" --][-- INCLUDE FB-Pixel.sst PROCESS --] just before the </body> tag.
Add [-- VAR.Type "search" --][-- INCLUDE FB-Pixel.sst PROCESS --] just before the </body> tag.
Add [-- VAR.Type "cart" --][-- VAR.SubType "cart" --][-- INCLUDE FB-Pixel.sst PROCESS --] just before the </body> tag in the [-- DEFINE SHOPPING_CART --] section.
Add [-- VAR.Type "cart" --][-- VAR.SubType "checkout" --][-- INCLUDE FB-Pixel.sst PROCESS --] just before the </body> tag in the [-- DEFINE SHIPPING --] section.
Add [-- VAR.Type "cart" --][-- INCLUDE FB-Pixel.sst PROCESS --] just before the </body> tag in the [-- DEFINE CONFIRMATION --] section.
Add [-- VAR.Type "cart" --][-- VAR.SubType "thankyou" --][-- INCLUDE FB-Pixel.sst PROCESS --] just before the </body> tag in the [-- DEFINE ThankYou --] section.
Add [-- VAR.Type "" --][-- INCLUDE FB-Pixel.sst PROCESS --] just before the </body> tag.
The last action that you will likely want to add to your templates is the event "AddToCart" when a customer adds a product to their cart. You can do this by adding the following code just above the </body> tag in your product template. Make sure also that your add to cart form has id="form[-- PRODUCT.RecordNumber --]" as an attribute.
<script type="text/javascript">
$("#form[-- PRODUCT.RecordNumber --]").bind('submit', function(){
fbq('track', 'AddToCart', {
content_name: '[-- PRODUCT.Name REMOVE_HTML --]',
content_ids: ['[-- IF PRODUCT.Sku --][-- PRODUCT.Sku --][-- ELSE --][-- PRODUCT.RecordNumber --][-- END_IF --]'],
content_type: 'product',
value: [-- IF PRODUCT.SaleAmount --][-- PRODUCT.SaleAmount NO_SYMBOL --][-- ELSE --][-- PRODUCT.Price NO_SYMBOL --][-- END_IF --],
currency: 'USD'
});
});
</script>
Go to Utilities > Publish > Regenerate, to recreate all store pages using the updated template files. You should now start receiving tracking information in your Facebook Ads Account in the Pixel tab.