Implement Frictionless tag support feature for mediajel-tracker

[pacholoamit]

Description

The goal is to implement a custom domain handler in the mediajel-tracker. This will make it so, we will no longer need to request access from the client when doing custom integrations..

Proposal 1

1. We will create a PUBLIC s3 bucket that contains javascript files
2. We will create an AWS Cloudfront distribution that points to the specific S3 bucket exposed via a specific domain endpoint (any)
3. We will write code in the mediajel-tracker that does the following: Check current domain of the tag in the page via window.location.href > Make a GET request to the cloudfront url + window.location.href . This should resolve to a javascript file specifically on the S3 bucket if it exists. If the javascript file exists for the domain, load it to the page, if it does not then do nothing.
4. We will test this on staging via creating a javascript file in the s3 bucket (I.E. buddhut.net.js), We will insert the staging tag on the target domain (I.E. buddhut.net). We should see the custom tag load

Enhancements

• Automating and version controlling the custom domain tags via private repo and CI/CD

Notes:

• Hash the domain names

[pacholoamit]

Update: To set up static website in S3 for testing on staging AWS. Ask Devops to create a valid domain to test the functionality

[pacholoamit]

Updates:

1. New repo for frictionless custom tags
2. CI/CD has been created to push tags to the S3 buckets
3. Implement additional step to check javascript code

[pacholoamit]

Think of different edge cases where issues could happen

[pacholoamit]

QA Steps

For each custom integration we need to install 2 things:

1. Production tracker = <script src='https://tags.cnna.io/?appId=...></script>
2. Staging tracker = <script src='https://staging-tags.attentionsignals.net/?appId=...></script>

NOTE: appId must be different from prod and staging tags

Next things is we get the transaction for production and then place this on the site somehow

<script>
// Get transaction somehow with javscript
window.tracker("addTrans:Production" .... ) 

window.tracker("trackTrans") 
</script>

NOTE: The "Production" after the "addTrans" is the appId

For Staging, what we need to do is add a file in the frictionless repo with the correct domain name

window.tracker("addTrans:Staging" ... )

window.tracker("trackTrans")

[pacholoamit]

Sites to look at:

• JP = https://seaweedmaine.com/ - https://coda.io/d/_dsKW6gcriTa#Integrations-Requests-Board_tuSsT/r244&view=modal
• JP = https://www.budmary.com/ - https://coda.io/d/_dsKW6gcriTa#Integrations-Requests-Board_tuSsT/r243&view=modal
• Pach = budhut.net
• Pach = https://kushcartpdx.com/ - https://coda.io/d/_dsKW6gcriTa#Integrations-Requests-Board_tuSsT/r191&view=modal
• Sean = http://www.hrdelivery.co/
• Sean = https://direct.hyperwolf.com/shop - https://coda.io/d/_dsKW6gcriTa#Integrations-Requests-Board_tuSsT/r242&view=modal
• Jon = https://www.lookah.com/ - https://coda.io/d/_dsKW6gcriTa#Integrations-Requests-Board-Table-View_tuapF/r240&view=modal

[pacholoamit]

Updates have been made to conditionally create the staging tag

[pacholoamit]

https://github.com/MediaJel/mediajel-tracker/pull/452/files

[jonmediajel]

Added Lookah and thegreendragoncbd

https://github.com/MediaJel/mediajel-tracker/pull/454/files