How do I add a tracking pixel to my site? I'm trying to add a Google Analytics pixel and a Facebook pixel.
It sounds like you want to add a tracking pixel to your website. Depending on whether you're tracking site-wide conversions or page specific conversions, you'll need to follow one of the following instructions.
Page Level
If the purpose of the pixel is to track conversion on a specific page, then it should be place at the top of the page template of that page – not in the theme files. The page template is found under Page>Template.
Site Level
If the purpose of the pixel is to track site-wide conversion, then it should be placed in the layout.html file of a custom theme. This is found under Theme>Templates>layout.html. Full disclosure, you'll need to have a custom theme enabled to apply changes on the layout.html file.
From here, you'll want to navigate to the layout.html file. Most tracking pixels should be applied within the <head> tag of your layout. The <head> tag should be visible within the file (see example below).
Showing 7 reactions
Sign in with
https://developers.facebook.com/docs/marketing-api/audiences-api/pixel#inpageevents
If you wanted to implement this idea in NationBuilder, you could use this script within your signup page (or any other page) template here:
<script>
$( “.submit-button” ).click() {
fbq(‘track’, ‘CompleteRegistration’);
};
</script>
Certified Agency
Certified Architect
Certified Developer
For instance, one of the nine standard event codes is:
fbq('track', 'CompleteRegistration');This is used to track a completed registration.
If you were using a “Signup” form to have visitors join your program or newsletter, etc, I’m not certain on where to add that particular event code so that when the visitor successfully completes the form, it triggers that event.