How to insert Facebook Pixel on Google Tag Manager

Introduction

The Facebook Pixel is an indispensable analytics tool that provides invaluable insights into the effectiveness of your Facebook advertising efforts by tracking user actions on your website. By integrating the Facebook Pixel with your eDirectory platform, you gain the ability to monitor conversions, optimize your ad campaigns, build highly targeted audiences for future advertisements, and re-engage with users who have previously interacted with your site.

Leveraging Google Tag Manager to install the Facebook Pixel streamlines the management of various tracking scripts on your website and ensures accurate firing of your tags. This step-by-step guide will walk you through the process of configuring the Facebook Pixel on your eDirectory website using Google Tag Manager.

Prerequisites:

Before proceeding with the integration, ensure that you have the following in place:

  • Google Tag Manager configured on your eDirectory website. If you haven't yet set up Google Tag Manager, please refer to this guide for detailed instructions.
  • Your Facebook Pixel base code is readily available. You can retrieve this code from your Facebook Ads Manager.

Once you have confirmed these prerequisites, you can proceed with the following steps.

Step-by-Step Guide:

Step 1: Log in to Google Tag Manager

  • Navigate to the Google Tag Manager login page by clicking here.
  • Enter your Google account credentials to access your Google Tag Manager panel.

Step 2: Select Your Container and Add a New Tag

  • Once logged in, select the specific Google Tag Manager container associated with your eDirectory website.
  • Click on the "Add a new tag" option.

Step 3: Name Your Tag and Begin Configuration

  • In the "Untitled Tag" field, enter a descriptive name for your tag (e.g., "Facebook Pixel - Base Code").
  • Click on the "Tag configuration" section to choose a tag type.

Step 4: Select the Custom HTML Tag Type

  • In the "Choose tag type..." search bar, type "Custom HTML" and select it from the search results.

Step 5: Paste Your Facebook Pixel Code

  • Locate your Facebook Pixel base code. This can be found in your Facebook Ads Manager under the "Events Manager" section.
  • Paste the entire Facebook Pixel base code into the "HTML" field provided in the Google Tag Manager interface.
  • Next, click on the "Triggering" section to specify when this tag should fire.

Step 6: Set the Trigger to "All Pages"

  • To ensure that the Facebook Pixel is active and tracks user actions across your entire eDirectory website, select the "All Pages" trigger. This trigger is typically available by default.

Step 7: Save Your Tag Configuration

  • After selecting the "All Pages" trigger, click on the "Save" button located in the top right corner of the tag configuration window.

Step 8: Submit Your Changes to Google Tag Manager

  • Once your tag is saved, you need to submit the changes to make them live on your website. Click on the "Submit" button located in the top right corner of the Google Tag Manager interface.

Step 9: Publish Your Google Tag Manager Container

  • In the "Submit Changes" window, you will be prompted to add a "Version Name" (e.g., "Added Facebook Pixel Base Code") and a "Version Description" (optional, providing more details about the changes).
  • Click on the "Publish" button to deploy the changes to your live website.

Step 10: Confirm Tag Publication

  • After clicking "Publish," you should see a confirmation message indicating that the changes have been successfully published and are now live on your eDirectory website.

Verifying Your Facebook Pixel Installation:

To ensure that the Facebook Pixel has been installed correctly and is functioning as expected on your eDirectory website, it is highly recommended to use the Facebook Pixel Helper Chrome browser extension.

  • Install Facebook Pixel Helper: If you don't already have it, search for "Facebook Pixel Helper" in the Chrome Web Store and install the extension.
  • Navigate Your Website: Once installed, visit your eDirectory website in your Chrome browser.
  • Check Pixel Activity: Click on the Facebook Pixel Helper icon in your browser's extension bar. The tool will display any Facebook Pixels found on the page and indicate whether they are firing correctly. A green indicator next to the pixel signifies that it is active and functioning properly.

If you do not see the pixel being detected by the helper, try clearing your browser's cache and cookies and then revisit your website to check again.

Conclusion

By diligently following these steps, you will have successfully implemented the Facebook Pixel on your eDirectory website using Google Tag Manager. This setup will empower you to track valuable user interactions and gather crucial data for optimizing your Facebook advertising campaigns and understanding your audience behavior.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.