Setting up Clearbit.js with Google Tag Manager

Google Tag Manager is a free tag manager that allows you to drop javascript snippets and custom javascript into your website. Setting up Clearbit.js with Google Tag Manager only takes a few quick steps.

Create Clearbit HTML Tag in Tag Manager

Open Tag Manager and navigate to the Container that has your Google Analytics tag (if you're using GA). Create a New Tag and name it. Select the Custom HTML Tag option.

Screen_Shot_2019-05-27_at_9.58.20_PM.png

Next, head to the Clearbit.js configuration page to copy and paste the snippet into the textarea.

Screen_Shot_2019-05-08_at_11.23.22_PM.png

Next make sure to add any domains that you'll be loading Clearbit tags on to the Allowed Referrers list. This will make sure that your public api key won't be used on any other sites.

Screen_Shot_2019-05-08_at_11.24.00_PM.png

Finally, you'll configure Tag sequencing in Advanced Settings. Specifically, if you are also loading Google Analytics, you will want to make sure the primary GA tag is firing before clearbit.js. From there, set the Firing Triggers to Page views upon All Pages.

Screen_Shot_2019-05-27_at_10.43.14_PM.png

What's next?

If you just want to send your web traffic to Clearbit X, you're all done! Visit your Clearbit Companies Dashboard to see your live web traffic.

However, Clearbit X is as good as the data you provide it. You have a few options:

Once you have done those steps, then you can move onto building your Clearbit X segment.

Troubleshooting

If you are not sure if Clearbit.js is properly sending data through Google Tag Manager, please refer to these development resources.