Installing tracking and snippet code on your EdCommerce site

Last updated: October 9, 2026

To integrate a code snippet into your website, you typically follow these steps:

Step 1. Obtain the snippet code

Find and copy the snippet code from the service or platform you are integrating with. This could include a tracking pixel, a chat widget, a form embed, or any other code provided by the service.

If you are trying to install your Google Tag Manager code or Meta Pixel, follow the dedicated sections below:

  • Installing Meta Pixel
  • Installing Google Tag Manager

Step 2. Add your snippet code to EdCommerce

Adding scripts to EdCommerce is very simple, you just have to access your Integrations area and click on "Add Script Code".

Fill out the script integration fields as follows:

  • Name: Add a name to your snippet. You can use the name of the tool you are integrating.
  • Insert Into: Head or Body (this will depend on the instructions from the service you are integrating).
  • Code: Copy the corresponding snippet code you found on the other app's platform and paste it here.

Step 3: Double check that your integration is working correctly

The process of ensuring that your integration is working correctly may vary depending on the platform you are integrating with. It is crucial to review the specific integration instructions provided by the service or platform you are working with, as they may contain additional requirements or recommendations for integrating their code snippet.

Installing Google Tag Manager

Step 1 - Obtain Your Code Snippet from Google Tag Manager

To get started, log in to your Google Tag Manager account at <https://tagmanager.google.com>

Once you're logged in, you'll see a list of containers associated with your account. Select the container you want to work with, or create a new one for EdCommerce.

After choosing the container, open it to access its contents. In the container overview, look for the container ID in the top bar menu and click on it (it usually starts with GTM-XXX).

You'll find two code snippets: one for the <head> section and another for the <body> section of your website. For EdCommerce, we will only use the code in the <head> section.

Step 2. Add Your Code Snippets to EdCommerce

Adding your snippet code to EdCommerce is very simple, you just need to access the integrations area and click on the button "Add Script Code".

Fill out the script integration fields as follows:

  • Name: Add a name to your snippet, for example Google Tag Manager.
  • Insert Into: Head (We won't use body for Google Tag Manager)
  • Code: Copy here the corresponding "header" snippet code you found on Google Tag Manager.

Step 3: Verify If Your Google Tag Manager Is Working Correctly

The easiest way to verify if you've done the installation correctly is by installing the Google Tag Assistant Chrome extension from the Chrome Web Store.

Then, follow these steps:

  1. Open your website in Google Chrome.
  2. Click on the Tag Assistant extension icon in your Chrome toolbar.
  3. A popup window will appear. Click on "Enable" to start recording.
  4. Navigate through your website and perform actions that trigger the tags you have set up in Google Tag Manager.
  5. Once you've completed your actions, click on the Tag Assistant extension icon again.
  6. Tag Assistant will analyze the tags triggered on each page and provide a report.
  7. Review the report for any errors or warnings related to your Google Tag Manager setup.

The Tag Assistant report will indicate whether the tags from your Google Tag Manager container are firing correctly or if there are any issues. Make sure to test various scenarios on your website to ensure all desired tags are firing as expected.

In addition, you can also check the "Real-Time" section in Google Analytics to see if data is being received from your website. If you see real-time data appearing in Google Analytics when you perform actions on your EdCommerce site, it indicates that your Google Tag Manager is correctly sending data to Google Analytics.

Installing Meta Pixel

If you have already set up your Meta Pixel using IMG tags or plan to do so, we recommend that you follow Facebook's developer documentation.

In this article, we will show you how to set up and install a Meta Pixel on your EdCommerce site. To learn more about the pixel before getting started, check out the benefits of installing a Meta Pixel.

If you have already created a Meta Pixel and want to find your pixel base code, skip to Step 2: Add your pixel to EdCommerce.

Step 1: Create and Set up your Meta Pixel

  1. Go to the Events Manager.
  2. Click Connect data sources and select Web.
  3. Select Meta Pixel and click Connect.
  4. Add your Pixel name.
  5. Enter your website URL to check for easy setup options.
  6. Click Continue.

\You can find more information in the [Meta Business Help Center.*](https://www.facebook.com/business/help/952192354843755?id=1205376682832142)

Step 2. Add your pixel to EdCommerce

You will be adding your Meta Pixel to EdCommerce manually, so you need to copy the script from Meta Events Manager and paste it into the header of your EdCommerce site.

Adding scripts to EdCommerce is very simple, you just have to access your Integrations area and click on "Add Script Code"

Fill out the script integration fields as follows:

  • Name: Add a name to your script, for example Meta Pixel or Facebook Pixel
  • Insert Into: Head (We won't use body for Meta Pixel)
  • Code: Copy here the code found on your Meta Events Manager.

And click "Save".

Step 3: Double check that your Meta Pixel is working correctly

To check if your Facebook Pixel is properly connected and working, you can follow these steps:

  1. Log in to your Facebook Business Manager account at https://business.facebook.com.
  2. Go to the "Data Sources" tab in the left sidebar.
  3. Under the "Pixels" section, you should see your Facebook Pixel listed. If it's connected and working correctly, it will have a green dot indicating that it's active.
  4. Click on the name of your Pixel to access its settings and further details.
  5. Inside the Pixel settings, you can review the events that are being tracked, check for any errors or warnings, and see the recent activity of the Pixel.