Clickthrough and Tagging (eyebuild / eyereturn)

We're using a web service called Eye Return.
I am not sure if they made any changes recently in their specs but a previous build used to work flawlessly with clickthrough (see attached for code).
I am honestly not a coding guru and this is way over my head here.
Here is the link of their specifications with guidelines on how to create their .js script.
I have no idea how to implement this in my Hype file.OPTION3_300x250.zip (190.6 KB)
I sent the carousel version and the click is on a specific area. They are having issues making this work with their code.

Thanks in advance.

Eric

It looks like you're not including this in the head:

<script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script>

And you're not running this anywhere:

eyeBuild.initialize()

Can you see if this modified document works for you? I run an 'on scene load' function which loads the above initialize() and I also include the required JS library in the head.

OPTION3_300x250.zip (221.4 KB)

Thanks Daniel for your help on this.
I sent it to our web service and they said it works :blush:

I will try and figure what I did wrong here.

Thanks again!

Eric

Glad that did the trick :slight_smile:

1 Like

Hello, again Daniel.
Back in November, you helped me out with the vendor's specific API code for our HYPE project.
Well as it turns out it was okay to a point but they failed to tell me that it wasn't working from their specs and missing code (doClick) themselves to make it work. I am wondering if any of this makes sense and is there a way to implement this code into our Hype file.
The following is a reply from the vendor:

Hi Eric,

Thanks for the feedback. This test is almost there as the carousel is working and the ad clicks through, however it doesn't include our doClick for the clicktags. The issue with not having our doClick is that the clickthrough won’t fire our intermediate voken that captures the click. This means that the ad will report impressions but no clicks in analytics.

I've included our specs below for eyeBuild. In the API section, you'll see the code for adding doClick's. The CTA and arrows for the carousel should have separate doClicks.

https://specs.eyereturn.com/eyebuildhtml.html

I can send examples of the HTML project in another post and as well as the HYPE file you provided me last time.

Thanks again for all your help on this and honestly I don't think my little head can handle all this information.

Here is a link to the html folder with edited doClick code:
https://mbllca-my.sharepoint.com/:f:/g/personal/eric_santiago_mbll_ca/EjtSobbRUctBk_wVmNhAtWEB-kvsAzhytxmC-A4ldEs6Vg?e=yzIm0U

And the HYPE project you helped me with:
https://mbllca-my.sharepoint.com/:f:/g/personal/eric_santiago_mbll_ca/EtkYQ-kqRxZCgevv3gWE3TcBejsvPkHsM_gJKneOL-ziLQ?e=4HvAWY

The last document I shared runs this function whenever a 'click' is done on the button:

var clickTag = "https://www.liquormarts.ca/retail-marketing/hot-buy?utm_source=eyereturn&utm_medium=display&utm_campaign=hot_buys"
function clickURLTriggered() { 
window.open(window.clickTag, '_blank')
}
		
clickURLTriggered()

What they need to tell you us what function a 'click' should perform. The example eyeBuild.doClick(0, "Black", "Sedan", "None"); is given, so you should get the values of 'black' 'sedan' 'none' that should be included to satisfy their requirements

This didn't download for me... Can you upload it here?

OPTION3_300x250.zip (199.0 KB)

OPTION3_300x250.zip (181.1 KB)
This is the doClick coded HTML folder.

So the HTML was changed after export?

What was the code they added?

Sorry I have no clue other than the term "doClick" and of course the html folder I uploaded two posts ago.

It appears they did it within Hype. They added the doclick like this:

var clickTag = "https://www.liquormarts.ca/retail-marketing/hot-buy?utm_source=eyereturn&utm_medium=display&utm_campaign=hot_buys"

function clickURLTriggered() {
	eyeBuild.doClick(0)
}
clickURLTriggered()

Which is weird, because it bypasses clickTag.

Here's all the changes made: https://gist.github.com/themorgantown/975242bf2ee81690214ce2dba7c4e56d

To satisfy their requirements, it appears you can use just this:

var clickTag = "https://www.liquormarts.ca/retail-marketing/hot-buy?utm_source=eyereturn&utm_medium=display&utm_campaign=hot_buys"

function clickURLTriggered() {
	eyeBuild.doClick(0)
}
clickURLTriggered()

... maybe clickTag is used by doClick somehow.

Thanks again, Daniel.
I applied the new code to the test file and it lost its ability to connect to the link.
I applied it in the function as well as HEAD (tried a few ways).
In your honest opinion, is this a lost cause?
The only reason is that I have told my manager that if I cant get help with this, we have to use a different method or give up on this one going forward.
And you've been so helpful and don't want to waste any more of your time.

I simplified this a lot -- can you try the attached?

OPTION3_300x250.zip (222.7 KB)

The head defines the clicktag and loads the required JS library.

The scene load function initializes the library.

Then the click action just does two things:

eyeBuild.doClick(0);
window.open(window.clickTag, '_blank')

Thanks, Daniel!
I fired it off to the vendor.
Crossing fingers :slight_smile:

Hello again.
I got word back from the vendor that everything is good with one odd exception.
They sent me this test link and the new issue is that some of the supporting images are missing.
Now on our end, the same images are fine when doing a basic local browser check (IE/Chrome on Windows and Safari/Chrome on Mac).
Here is the link:
https://testpages.eyereturn.com/CustomPreview/testpage.html?c2Vncz04MDQyMTAzfDgwNDIxMDJ8ODA0MjEwMXw4MDQyMTAwJnNob3dpZHM9eWVzJmF3PWFsbCZ0aW1lcj15ZXM=
And attached is the HTML package.
Now the only thing I can see being an issue is that I removed the FULL JS script as well as the PEI script from the js folder.
I have done this in the past and have not seen issues with this before.
I had to try and slim this package down to under 300KB.
I am assuming this is the cause of the missing images.
I also tried to remove the 2x files but that too caused issues.
Help me Obi-Wan, you're my only hope :slight_smile:0184_OPTION3_300x250.zip (254.6 KB)

I'm seeing a request for:

https://resources.eyereturn.com/api/api/5065261/0184_OPTION3_300x600_v4/images/_0018_SAVE-%243.10-750-ml---W.png

The %243 is concerning, so I looked in your folder and it looks like you have a $ in your filename:

_0014_SAVE-$4.50-750-ml---W_2x

If you get rid of that, you should be all good. Dollar signs are restricted on a lot of operating systems

Yes, you are right I did see that in an error.
My apologies, there are files with that character so Ill have to dig in and change all that.

1 Like