HTML5 Files for Locality Using Tumult Hype
- Create your ad in Hype.
- Once approved, view your resources, and clean out any old images so you only have the images used for this ad. This will help keep the file size small (Final .Zip file can’t be larger than 150KB).
Insert Header Code
- In right hand Column under the “Document” palate, click “Edit Head HTML”
- Add the following code between the two header prompts, replacing the url placeholder with your desired target URL. This code defines the clickTAG variable and calles the parameter function needed to fire off the clicktag in Locality’s system. Here is an image of what it should look like, followed by a code block of the actual code.
Clicktag code for the Header:
<script type="text/javascript" charset="utf-8">
function getParameterByName(name) {
name = name.replace(/[\[], "\\[").replace(/[\]]/, "\\]");
var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
results = regex.exec(location.search);
return results === null ? "":
decodeURIComponent (results[1].replace(/\+/g, " "));
}
var clickTAG = getParameterByName("clickTAG") + encodeURIComponent("https://placeholderURL.com/?utm_source=programmatic&utm_medium=cpc&utm_campaign=utmplaceholder");
</script>Export HTML5
- Export HTML5 using Doubleclick Studio.
- Open and extract the exported .ZIP file.
Add <a> link code to Body
- Using Dreamweaver (or any other html editor), open the index.html file.
- Find the DIV within the Body of the file, and wrap the div in the link for the Clicktag within the link. Here is an image of what it should look like, followed by a code block of the actual code. You’re only putting in the “<a>” statements, putting the opening before the div, and the closing after the div.
Code wrapping a link in the DIV for the Body:
<a href="javascript:window.open(window.clickTAG);void(0);"> <div id="ThisIsAPlaceholder" class="HYPE_document" style="placeholderplaceholderplaceholder;"> </div> </a>
Package specifically for Locality
- Within the extracted folder, select all images, html file, js files, etc, right click and compress all files into one archive zip.
- Rename this archive zip with the project name and ad size (ex. 25-SPAR-0288-Meeting-160×600.zip). This zip file is what you submit to locality for that size ad. Repeat all of this for your other sizes.