Google Tag Manager Shopify & Shopify Plus Direct Installation
Where to install the code?

The JavaScript Tag should be installed on all pages of the website. This is to ensure that our code is on all pages necessary for data and analytics collection, and to run your campaign effectively. A common placement is within the footer code, especially if your footer is present on all pages. This code is asynchronous and will only load after the rest of your page fully loads.

Google Tag Manager Installation Instructions

1. Open the file “CybbaJSTag” and copy the entire code. Click the TAGS section on the left hand side navigation bar, then click NEW.

2. Click in the Tag Configuration section, and scroll down to Custom HTML. Paste the code in the Custom HTML box and set the trigger rules to All Pages.

3. Name the tag and save your changes. Finally, click SUBMIT in the top right corner, and PUBLISH the tag.

After Installation

Once your code has been installed, please contact your Account Representative to evaluate whether the integration has been completed successfully. Your representative may also ask that Cybba’s technical team perform a test purchase on the site to complete the configuration.

If you need further assistance, please contact your Cybba representative, or reach out to tagsupport@cybba.com.
Direct placement

1. From your Shopify dashboard navigate to Online Store >> Themes >> click the Actions dropdown menu >> select EDIT CODE >> find the theme.liquid file. Placing our tag here ensures that our code is on all the necessary pages we need to capture information.

Where to install the code?

The simplest placement for the Javascript is right above the closing </body> tag in the files we request you to place it.

2. In the theme.liquid file, add the JavaScript right above the closing </body> tag so that our code will be placed on all pages outside of the checkout funnel.

3. If you are running Shopify Plus, find the checkout.liquid file (Note: if you do not have Shopify Plus skip to the next step, you will not have a checkout.liquid file). Add the JavaScript right above the closing tag so that our code will be placed on all pages throughout the checkout process.

Placing the Javascript on the Confirmation Page

1. From your Shopify dashboard navigate to Settings >> Checkout.

2. Scroll about halfway down the page to find the Additional Scripts text box. Paste Cybba’s tag into this box, you can add it at the bottom or top just make sure it does not interfere with any other code that may be there already. Adding the code to this text box will ensure the JavaScript is placed on the Confirmation/Thank you page.

If you need further assistance, please contact your Cybba representative, or reach out to tagsupport@cybba.com.
Direct placement

1. If you are planning to install the Cybba JavaScript directly, please follow the instructions below. If you are using a Tag Manager, please skip to the Tag Manager Installation Instructions.

Where to install the code?

The JavaScript Tag should be installed on all pages of the website. This is to ensure that our code is on all pages necessary for data and analytics collection, and to run your campaign effectively. A common placement is within the footer code, especially if your footer is present on all pages. This code is asynchronous and will only load after the rest of your page fully loads.

2. Open the file labelled “CybbaJSTag” provided to you by your Cybba Account Representative and copy and paste the code into your site footer. This should allow the JavaScript to be installed across all site pages if there is a shared footer. If you have pages which do not use your footer, manually install the JavaScript on these pages as well. If footer installation is not possible, install the code near the bottom of the HTML above the end </BODY> tag.

After Installation

Once your code has been installed, please contact your Account Representative to evaluate whether the integration has been completed successfully. Your rep may also ask that Cybba’s technical team perform a test purchase on the site to complete the configuration.

If you need further assistance, please contact your Cybba representative, or reach out to tagsupport@cybba.com.
*Under certain circumstances, your Cybba representative may send you an additional Conversion Tag that needs to be installed in addition to the JavaScript tag.

Direct placement

1. Locate and open the file labelled “CybbaConversionTag”. The file should contain a script tag which looks like above.

Where to install the code?

The Conversion Tag should be installed on all confirmation pages of the website (or whichever pages or instances in which you’d like a conversion to be marked). This is to ensure that our code is tracking all sales and completed customer journeys.

2. Place this tag on the confirmation page(s) with the highlighted fields filled with applicable values on all pages or in all instances you would like a conversion to be marked.

3. PLEASE NOTE: The conversion tag will require values to be populated for total, order id, and currency, highlighted in yellow. During the installation is when the required conversion values should be added to the conversion tag for these values to populate correctly*.

*If there are issues with this part of the implementation, it is possible for our technical team to temporarily configure for this information in order to launch more quickly.

After Installation

Once your code has been installed, please contact your Account Representative to evaluate whether the integration has been completed successfully. If the “Conversion Tag” was not able to be placed, you will be asked for approval for Cybba’s technical team to perform a test purchase on the site to complete the configuration.

If you need further assistance, please contact your Cybba representative, or reach out to tagsupport@cybba.com.