Installation Process of Elevar Scripts

Follow this guide for the first step in the installation process of Elevar Scripts on Version 3.9+

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 Shopify Source on a "Dummy" Shopify Store

  • You will need to create a "Dummy" or "Demo" Shopify Store in order to bypass the requirement of connecting a Shopify Store in your Elevar app.
  • Once created, connect your Dummy Shopify Store to your Elevar account & install the Shopify Source. This can be accessed in the Elevar App under the "My Tracking" tab. Then access your Shopify Source and install the "Dummy" store.
  • Follow this step-by-step guide on how to implement the Shopify Source on your Shopify Store.


Install the Non-Shopify Source

  • Follow this step-by-step guide on how to implement to Non-Shopify source on your headless site.
    • Elevar will attempt to fetch your Shop’s custom domain. If this domain isn’t available, you’ll be prompted to manually enter it. [How do I find this?].
  • After doing so, you’ll need to copy the highlighted code like below and include it immediately after the opening <head> section of your site on all the pages.
    • (See Figure 1)

Step 1 screenshot

_Figure 1_

❗️

Warnings:

  • The Non-Shopify Attribution Tracking script noted above will give a 404 error unless your Shopify source is fully installed.
  • Do not add a “http” in the Main Overarching Domain section. The format should be “website.com”.