GTM... Pixels... Custom Conversions
This tutorial will show you how to add your Facebook Pixel to Google Tag Manager and set up a custom conversion on Facebook.
Note: This tutorial is Step 1 of 2 if you want to use website conversions as a Facebook ads objective. This tutorial must be completed first. Link to set up an ad using the website conversion objective is after this post.
Time you put into this now will save $$$ down the road by making leads cheaper. Setting up custom conversions and learning Facebook pixels is something you should know anyways since your target market is on Facebook. It is also knowledge you can use with other things outside of HVL.
This process is simple, our directions are clear,and we believe you can set it up yourself with this tutorial, but if you do not want to tackle this on your own, we can do it for a small fee - just email firstname.lastname@example.org for details.
Now lets get started...!
Create your Facebook pixel.
Go to Facebook Pixel Manager - and click on "Set up Pixel"
Click on copy and paste code (You may not see this screen, but still copy the code)
Copy the ENTIRE pixel including the angle brackets - it looks like this:
Paste it to notepad or a text editor for near-future use.
Skip the next two steps and hit close to get rid of the pixel code (Not everyone sees this screen, so just continue)
Google Tag Manager is a free service provided by Google that allows you to manage all of your tags (retargeting, analytics, conversion codes, etc) in one easy place. It is "vendor neutral" which means that it can accept code from any source such as Facebook or your CRM.
We will need to set up Google Tag Manager by first going into your HVL backend. Go to your HVL Site Settings and scroll down until you see this.
Put in your Google analytics id. If you do not use analytics, enter this other key UA-55555-5 Click the update info button just below the google analytics key.
To the right, click export container. Most likely the file will save to the downloads section of your computer.
Now we need to import that container into Google Tag Manager
Login to your Google account .
Click here to go to Google Tag Manager
It looks like..
Account name is for internal purposes only so name it whatever you want and hit continue.
Name your container.
Agree to the terms and conditions.
A pop up window will show the Google Tag Manager script.
Ignore it, and hit OK
Your main GTM dashboard will appear, click on admin.
Click import container
You will see this..
Click on choose container file and select the file you previously exported from your HVL site settings after adding your analytics ID above.
Click Existing. A window will appear, select "Default Workspace".
Make sure overwrite is selected.
Your screen should look like this and click confirm
You are now on the GTM overview page, click on tags.
Click New, and you will be able to add a tag, we are going to need to do this TWICE.
Name this first tag "Facebook Traffic" and click anywhere in the "Tag Configuration" box and then click on custom HTML
Paste the Facebook pixel that you saved to notepad or a text editor earlier into the top box.
Select HVL Pageview Trigger down below.
You should now see the Facebook traffic tag. Click new to create the second and final tag.
Name this one "Facebook - Complete Lead."
Click on the "tag configuration" area.
Click custom html.
Paste in the Facebook pixel from notepad or text editor again.
Add a snippet of code: fbq('track', 'Lead'); right below fbq('track', 'PageView'); so that it looks like this:
Click on the triggering section below, and select the " HVL Complete Lead Trigger."
On this tags page, you will see the two tags you set up - "Facebook Traffic" and "Facebook - Complete Lead."
Copy the GTM id you see on your screen similar to GTM-KJ6NN3 that you see below.
You will need to click publish again.
Click through until you get to a confirmation page that looks similar to this:
Go back to HVL microsite settings and paste the GTM id that you just copied
Click update button below Analytics Settings.
This tutorial is assuming you did not change the default settings within your HVL contact settings tab.
They should look like this.
Now that we set up a Facebook pixel and added it to your HVL site via Google Tag Manager we will be able to get a lot of data from the people who visit your site.
We need to set up the Facebook Custom Conversion which we can then use as the facebook objective when we set up our next ad - conversion objective will get you leads for a lot cheaper than website clicks!
Go here -
Page should look like...
click on create custom conversion and you should see..
Select URL contains and put in contactInfoAdditional
Select category > lead so it looks like this.
Name your custom conversion "HVL COMPLETE LEAD."
To confirm that the pixel that we set up earlier is working go here and it will say Active and there should be data when it is working correctly.
To confirm that your custom conversion is working correctly go here and it will say active and show data when it is working correctly.
If yours is not working yet, that does not mean it is not set up correctly - A compete lead needs to come in after you set both of these up before there will be activity. If there is no activity when you confirm that they are working just try again in a couple of hours. To speed things up, you can go through your HVL site like a lead would. Type in your physical address, hit next, type in your email, hit next, name and phone, next...and then check again.
When both the pixel and custom conversion is showing as active we are ready to set up an ad with the Facebook objective of conversions.