How-To: Add Facebook Tracking pixel code to your Branding Template

You can include your Facebook Pixel Code script in your Slate branding template by going to the 'shared' folder in the File Editor. Find the main build xslt file of the branding template. 

Click on the /shared/build.xslt to pop up the 'Edit File' view.

Find the <head> tag near the top of the file (highlighted in the sample screenshot) and place your FB pixel code just above the closing </head> tag. In the example below, this would be above line 20 (the contents inside the <head> will vary from template to template - just concentrate on finding the closing tag).



Copy the code you received from your Facebook installation instructions or your Marketing folks, and paste the full script into the file. You will see something like this:


Note the code highlight (in the example above on line 38). If you attempt to save this file, you will encounter a browser error stating something like "'=' is an unexpected token. The expected token is ';'. Line 38, position 55.".

The Slate-based file editor is expecting valid XHTML code. Some characters are reserved in HTML; the '&' character is one of them. Character entities are used to display reserved characters in HTML. In the original script '&' merely needs to be properly escaped using the proper HTML entity code '&amp;'


Once properly escaped, you can save the file (at the bottom of the pop-up window). 


For more information on the Facebook tracking pixel and the default version of the script see:


Was this article helpful?
1 out of 1 found this helpful