Social Tools

AngelaRay
Member

Adding code for Facebook Pixel

SOLVE

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!!

0 Upvotes
2 Accepted solutions
ChampionComms
Solution
Member

Adding code for Facebook Pixel

SOLVE

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

 

View solution in original post

Pablo
Solution
Participant

Adding code for Facebook Pixel

SOLVE

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.

View solution in original post

11 Replies 11
WillDekrey
HubSpot Product Team
HubSpot Product Team

Adding code for Facebook Pixel

SOLVE

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
Participant

Adding code for Facebook Pixel

SOLVE

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
Member

Adding code for Facebook Pixel

SOLVE

any answer about this?

0 Upvotes
LMacNeill
Participant

Adding code for Facebook Pixel

SOLVE

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

0 Upvotes
rich01
Member

Adding code for Facebook Pixel

SOLVE

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
Solution
Participant

Adding code for Facebook Pixel

SOLVE

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
Solution
Member

Adding code for Facebook Pixel

SOLVE

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
Participant

Adding code for Facebook Pixel

SOLVE

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.

0 Upvotes
DianaGomez
Community Manager
Community Manager

Adding code for Facebook Pixel

SOLVE

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


¿Sabías que la Comunidad está disponible en Español?
¡Participa hoy en conversaciones en el idioma de tu preferencia,cambiando el idioma en tus configuraciones!

Did you know that the Community is available in other languages?
Join regional conversations by changing your language settings !


0 Upvotes
minozo
Member

Adding code for Facebook Pixel

SOLVE

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?

 

0 Upvotes
DianaGomez
Community Manager
Community Manager

Adding code for Facebook Pixel

SOLVE

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


¿Sabías que la Comunidad está disponible en Español?
¡Participa hoy en conversaciones en el idioma de tu preferencia,cambiando el idioma en tus configuraciones!

Did you know that the Community is available in other languages?
Join regional conversations by changing your language settings !