arguments
to the URL strings for easy configuration.The collector the script tag points to is currently the test collector as its default collector. We're going to enable an option in the query string to indicate the collector URL.
Import this script tag to the header/footer of a site. Append the APP_ID_HERE
argument to contain the app id you would use for your site/app.
NOTE: CI/CD pipeline not yet in place for deployment.
Impressions tag we serve to our DSPs
<script src="https://tags.cnna.io/?appId=LiquidM&event=impression&environment=liquidm&advertiserId={CUSTOMER_ID}&insertionOrder={CAMPAIGN_ID}&lineItemId=LiquidM_Main&creativeId={AD_NAME}&publisherId={PUBLISHER_ID}&publisherName={PUBLISHER_NAME}&siteId={APP_DOMAIN}&siteName={SITE_NAME}&liquidmAppId={APP_STOREURL}&appName={APP_NAME}&clickId={CLICK_ID}&GAID={GAID}&GAID_MD5={GAID_MD5}&GAID_SHA1={GAID_SHA1}&IDFA={IDFA}&IDFA_MD5={IDFA_MD5}&IDFA_SHA1={IDFA_SHA1}&MAXMIND_CON_TYPE_NAME={MAXMIND_CON_TYPE_NAME}&MAXMIND_GEO_IDS={MAXMIND_GEO_IDS}&MAXMIND_ISP_IDS={MAXMIND_ISP_IDS}"></script>
<script src="https://tags.cnna.io/?appId=APP_ID_HERE&retailId=RETAIL_ID_HERE&environment=CART_PLATFORM_HERE&test=true"></script>
<script src="http://mj-tracker-static-js.s3.amazonaws.com/index.js/?appId=APP_ID_HERE&retailId=RETAIL_ID_HERE&environment=CART_PLATFORM_HERE&test=true"></script>
The universal tag supports the implementation of multiple plugins in 1 tag via a comma seperated list Please see the documentation below for the different plugins that are supported.
<script src="https://tags.cnna.io/?appId=universal-tag-staging&plugin=googleAds,bingAds&conversionId=10963714894&conversionLabel=vdmmCNLemOADEM6G9Oso&tagId=187009645&environment=jane"></script>
conversionId
is the Google Ads conversion ID, usually in the format AW-XXXXXXXXXX
conversionLabel
is the Google Ads conversion label, This is found in the Google Ads "Conversions" tab after you've created a conversion
crossDomainSites
is a comma separated list of domains that you want to track cross domain conversions for. This is optional.
This will also track transactions and send it to our snowplow collectors and google ads all in one tag.
<script src="https://tags.cnna.io/?appId=APP_ID_HERE
&plugin=googleAds
&conversionId=AW-11111111111
&conversionLabel=CONVERSION_LABEL_HERE
&environment=CART_PLATFORM_HERE
&crossDomainSites=google.com,example.com"></script>
This will also track transactions and send it to our snowplow collectors and bing ads all in one tag.
tagId
is the Bing Ads tag ID, usually in the format 11111111
<script src="https://tags.cnna.io/?appId=APP_ID_HERE
&plugin=bingAds
&tagId=11111111
&environment=CART_PLATFORM_HERE"></script>
@REQUIRED | AppId={STRING}
Input the App Id for the collector on this argument. This will trigger a pageview event.
@OPTIONAL | retailId={STRING}
Append the Retail ID of the ecommerce site here. It is imperative that the Retail ID is persistent from initial visit up until cart checkout.
@OPTIONAL | environment={OPTIONS:ENUM}
Input the cart environment for the collector on this argument. This will trigger ecommerce tracking for the specific environment.
Options:
@OPTIONAL | &test={BOOLEAN}
Append &test=true
at then end of the URL if you want to switch to the test collector.
Node >= v10.13.0
First, you should have node, and ensure that the node version is 10.13 or above.
$ node -v
v10.13.0
aws-cli >= v2.2.10
You also need to install the aws-cli for deploying changes to the staging version.
Reference to install aws-cli v2.2.10
here. You may check your aws-cli
version by running the command below
$ aws --version
aws-cli/2.2.10 Python/3.8.8 Linux/5.8.0-55-generic exe/x86_64.zorin.16 prompt/off
.env
filesIf you want to test your tracker configuration is working and the environment is not available within this repository. You may want to deploy your current tracker config to AWS cloudfront
or AWS S3
so you may test it on a live environment. You will require the appropriate .env
files that point to the appropriate staging
Cloudfront CDN server (or AWS S3.) Please contact the team for the .env
files.
Run the development server through the following commands:
yarn install
yarn start
# Open http://localhost:1234
If you have the appropriate .env
files. You may deploy your changes to AWS cloudfront staging or S3 via the deploy
command. This will update the staging
AWS S3 Bucket & AWS Cloudfront CDN. Then you may take the Cloudfront or S3 URL and inject it to a website to test if the appropriate tracker configuration is tracking the correct events for the environment/platform you are working on.
npm run deploy
![]() Parcel JS |
ESLint |
![]() dotenv |