Contact Support
Guides

Installation Process of Elevar Scripts

Follow this guide for the first step in the installation process with Elevar's API

Suggest Edits

Overview

Add GTM and Elevar’s Non-Shopify Attribution Script to All Site Pages:

Elevar will be responsible for adding GTM to all (Shopify based) checkout pages. You are responsible for adding the GTM script to all headless site pages.

To do this you’ll need your web container GTM ID (don’t use a server side container ID here).

Install Google Tag Manager (GTM)

  • Paste the following code as high in the <head> tags as possible, making sure to replace GTM-XXXXXX with your web container ID. [How to find Web Container ID?].
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-XXXXXX');</script>
<!-- End Google Tag Manager -->

Install the API Source

Complete your Elevar setup until are prompted to add the Shopify source. You will need to reach out to your Elevar contact to have them allow the API source in it's place.

Set Up API Source:

  • Navigate to the section of the page titled "Sources" and locate the box titled "API". Click on the button labeled "Set UP" located in the bottom left-hand corner of the API box.
    • (See Figure 1)

Step 1 screenshot

_Figure 1_

Get Started:

  • After located and clicking on the API source, you will be brought to an overview screen.
  • Navigate to the section of the page titled "Overview" and click on the "Get Started" button located in the lower left-hand corner of the section.
    • (See Figure 2)

Step 2 screenshot

_Figure 2_

Consent Mode:

  • After getting started, you will be prompted to enable consent mode for your API source.
    • Enabling Consent Mode:
      • To enable Consent Mode, click on the "Yes" button. By enabling Consent mode, your tracking will rely on Google Tag Manager's Consent Mode to conditionally send data based on the consent choices of your shoppers.
      • Once you have accepted Consent Mode, navigate to the section of the page titled "Set Up Your Consent Integration". Locate and click on the button labeled "Go to Guide" and follow this guide to set up your consent mode integration with our compatible Consent providers. Once you've completed any steps specific to your consent provider, click on the "Mark as Complete" button located at the bottom of this section.
      • Then navigate to the section of the page titled, "What categories would you like to grant if no consent is provided?" and use the boxes to select which consent categories your server-side categories will view as granted by the shopper.
    • If you do not want to enable Consent Mode in your data layer settings, click on the "No" button.
  • Once you have all of selected all of the information for enabling Consent Mode, click on the "Save and Continue" button at the bottom of this section.
    • (See Figure 3)

Step 3 screenshot

_Figure 3_

Domain Details:

  • After selecting details for Consent Mode, you will need to configure domain details.
  • Navigate to the section of the page titled "Do you have multiple subdomains?" and either click on the "No" or "Yes" button.
    • If you have selected "Yes", navigate to the section of the page titled "Domain Details" and use the text-box labeled "Overarching Domain(s)" to enter the title of your overarching domains of your site.
  • Once you have selected all of the required information for domain details, click on the "Save and Continue" button located at the bottom of this section.
    • (See Figure 4)

Step 4 screenshot

_Figure 4_

❗️

Warnings:

  • Do not add a “http” in the Main Overarching Domain section. The format should be “website.com”.

Browser Setup:

  • After selecting your domain details, you will need to set up browser to server data processing.
  • Click on the "Copy to Clipboard" button and follow the guide to learn more about where to use the script.
  • Once you have completed your browser setup, click on the "Mark as Complete" button located at the bottom of this section.
    • (See Figure 5)

Step 5 screenshot

_Figure 5_

Updated 1 day ago

What’s Next