@Bendora@thebrownsquare
Hey guys,
good to hear that you got the clicktag running.
I also try to add an IAB clicktag (Austrian Ad) to my hype scene, but it doesn't work.
Hope you can help me. I created one HTML Widget and added this code:
<script type="text/javascript">
var getUriParams = function() {
var query_string = {}
var query = window.location.search.substring(1);
var parmsArray = query.split('&');
if(parmsArray.length <= 0) return query_string;
for(var i = 0; i < parmsArray.length; i++) {
var pair = parmsArray[i].split('=');
var val = decodeURIComponent(pair[1]);
if (val != '' && pair[0] != '') query_string[pair[0]] = val;
}
return query_string;
}();
</script>
In an empty html-file the script works. I also tried the exact code Bendora used. Both ways it doesn't work in hype. I can't set the clicktag url via ?clicktag=. The href stays "undefined".
I even encoded the URL ( http%3A%2F%2F instead of http:// ).
Do you have any idea what I'm doing wrong? Have you added any kind of preloader for the whole ad? Or did you give the html widget an ID?
thanks alot.
The window.location.search.substring(1); function is getting the URI of the iframe which represents your HTML widget, not the actual HTML page that the document is loaded in (which is what happens when you run this in a single .html page).
HTML widgets are iframes, so they are a bit more insulated from the outside world. When you run the code you pasted in an iframe, it is being loaded in an HTML page like http://example.com/documentName.hyperesources/iframe-1.html.
mhhhhh I fixed it. Not sure what the problem was in the first try. But adding an function to the rectangle instead putting an link inside works on Android and iOS.
Sorry I have to pull the topic back up.
The solution works in all browsers, but not on iOS and Android.
I also tried opening the link with an JavaScript and window.open. This also works on desktop, but not on mobile
So i tried to step back:
Rectangle with direct link on it works on iOS
Rectangle containing an link like done above doesn't work.
Also launching the JavaScript function direct from the rectangle doesn't work
what I forgot to mention:
it's like blocking the window. I tried it with function that stops a video and opens an link. The video stops, but the link does not open.
<script type="text/javascript">
function clickURLTriggered() {
window.open('%%CLICK_URL_UNESC%%',
'_self' // <- Use _self here to open in the same window.
);}
</script>
It may be that that it doesn’t like opening in a new window?
I cant get the click tag to work on a creative supplied by a client, I am trying to upload the creative to google dfp, but it wont work because it says there is no click tag within the code.
I have 2 bits of code as below that I need to get into a html 5 code, but am not sure where to put it?
I assume that this code is in the head of your document. You can edit the contents of the <head>… of your exported .html file by clicking on ‘Edit HTML Head’ in the Document Inspector.
Add following code to the Head script type=“text/javascript”> var clickTag = “http://www.google.com”; </script
(add < before and > after, this forum hides the code, hence I left these out above)
On mouse click (border) - Run Javascript (name function ExitTag) window.open(window.clickTag);
The most common approach is to place an empty/invisible rectangle as the top-most element in your Hype document and have that trigger the clickTag action.
The alternative is to edit Hype’s exported HTML and add an onclick action to the main div or surround Hype’s content in a div with this action.
