Here’s a few tips to create a Hype document compatible with Google Adwords:
- In your exported HTML file, you’ll need to make one small change. By default, Tumult Hype includes a query string at the end of each embed code to ensure that your visitors always get the most recent version of your document. This looks like
documentname.hyperesources/documentname_hype_generated_script.js?94304. After export, delete that string and save your .html document.
- Don’t use custom CSS fonts that require font files – make use of Google Fonts whenever possible. Since Adwords is a Google joint, they’re partial to the Google Fonts service, which is also baked into Hype. Here’s how to use Google Fonts in your document.
- If you require an external library, use one of the Google libraries linked here.
- To setup an exit in your document, check out the attached document: adwords-templateAug2017.zip (24.1 KB)
. This document follows the recommendations outlined in this support document.
- You may get a warning: “Zip file contents check” with the error
UNSUPPORTED_MIMETYPE – to solve this uncheck IE6-8 support during the Advanced Export process:
Actual Export Process:
Ok now you’ve read everything above right? Here’s how to export from Hype (starting with the example you downloaded above).
- File > Advanced Export
- Make sure IE6-8 is unchecked.
- Save with the options shown in the screenshot above. This will give you a documentname.html file and a resources folder, with your Hype runtime and any assets in that folder. The JS that contains your animations will be included on the .html page.
- Select your .html file and the folder and ctrl + click on it. Click ‘Compress’ to make a zip file.
- You now have a package that can be uploaded to adwords or tested in the validator: https://h5validator.appspot.com/adwords#/asset
Ad not appearing? Make sure you don’t have any ad blockers on
If you have any other recommendations, please reply below.