Adding code for Facebook Pixel

[AngelaRay]

Hi! I'm looking to add Facebook Pixel code to track some of our inbound marketing from Facebook to a HubSpot landing page with a lead form. Is there a simple way to do this through the template so that it applies to future landing pages?

Thanks!!

[ChampionComms · Accepted solution]

Hi Angela,

If you're looking to add this pixel code to all future landing pages that use a specific template, you need to head over to 'Design Manager'.

- Open up the template that your landing page is using.

- When you're in the template, click the button that says 'Edit' in between Actons and Group....

- Select 'Edit head' from the drop down.

- Scroll down to the section called 'Additional HTML Head Markup for this Layout'

- Paste your code in here

- Click Save

- Click Publish changes

If you want to add a pixel to an individual landing page, head over to 'Landing pages' from the main navigation.

- Select your landing page and Edit

- Select the 'Settings' tab at the top

- Scroll down to the Page settings section

- Select 'Edit Head HTML'

- Paste your code in

- Select save changes

- Select 'Update'

You're done, it should now track via Facebook.

Thanks,

Rob

Champion Communications

[WillDekrey]

Hi @AngelaRay,

You can quickly & easily add a Facebook pixel to all website pages (hosted by HubSpot / with the HubSpot tracking code installed) via HubSpot's ads tools. Head to Settings -> Marketing -> Ads to Connect your Facebook advertising account and then click 'Add Pixel.' This will create a new pixel for you if you do not have one, or it will select the first pixel in your account.

Note: Soon, you will be able to choose the specific pixel you want, across connected accounts, if our selection default is not your preferred pixel. 

Cheers,

Will

Product Manager - HubSpot Ads

[mholman]

Hey the Hubspot knowledge resource says you can't use event tracking if you've used Hubspot to install the Facebook pixel. You need to install it on every page manually.

My question is if I'm trying to track a specific event, like a successful form submission, where do I install the code? Normally I would do it on the "thank you" page, but Hubspot uses in-line response for that, not a separate landing page.

[ltan]

any answer about this?

[LMacNeill]

Hi there, were you able to find a solution for where to put the code for hubspot form submission tracking? I'm having the same problem - i'd like to explore targeting users who don't click submit

Thanks

[rich01]

Hello, 

I have a question that is an extension of this thread. How do you setup a FB pixel in Hubspot so that it fires when someone clicks submit on the opt-in form?

Thanks in advance.

Rich

[Pablo · Accepted solution]

Hi @AngelaRay

In order to add HTML code to all your HubSpot site you can simply go to 

Content > Content Settings 

There is a section Site Header HTML to Add custom code snippets to the HTML head section across all of your pages.

Hope this helps.

[ChampionComms · Accepted solution]

Hi Angela,

If you're looking to add this pixel code to all future landing pages that use a specific template, you need to head over to 'Design Manager'.

- Open up the template that your landing page is using.

- When you're in the template, click the button that says 'Edit' in between Actons and Group....

- Select 'Edit head' from the drop down.

- Scroll down to the section called 'Additional HTML Head Markup for this Layout'

- Paste your code in here

- Click Save

- Click Publish changes

If you want to add a pixel to an individual landing page, head over to 'Landing pages' from the main navigation.

- Select your landing page and Edit

- Select the 'Settings' tab at the top

- Scroll down to the Page settings section

- Select 'Edit Head HTML'

- Paste your code in

- Select save changes

- Select 'Update'

You're done, it should now track via Facebook.

Thanks,

Rob

Champion Communications

[bradpaulp]

Hello, in 2022 this workflow does not exist.

There is no option to edit the HTML of a landing page.

Can you update please? I am need of adding tracking script to a thank you landing page (or at least adding the tracking on form completion)

Thank you.

I am on the Starter bundle.

[DianaGomez]

Hi @bradpaulp hope you are doing well. 

I found this article in our knowledge base. Here you can see how to edit the HTML of a landing page. 

Hope this helps, 

Diana

[minozo]

Hi @DianaGomez 

I checked the article and the message.

"advanced settings are not available for pages using starter templates. "

You don't have any idea installing facebook pixel to hubspot landing page using starter templates?

[DianaGomez]

Hi @minozo,

Pixels from external ad networks work similarly to the HubSpot tracking code. When you install a pixel or tag on your website or landing page, you'll need to make sure that you follow any relevant government or service-specific policies as mentioned in this article here 🙂.

To install the Facebook pixel, you will need 👇;

• In your HubSpot account, click the settings icon in the main navigation bar.
• In the left sidebar menu, navigate to Marketing > Ads.
• Click the  PIXELS tab.
• Click Add pixel.
• In the dialog box, click the Select a pixel dropdown menu and select the pixel you want to install, then click Add pixel.

The pixel will now be automatically added to all your HubSpot pages or external pages where your tracking code is installed. You can find more information in this article here 🙂.

Hope this helps, 

Diana