Using HTML5 is a great way to create beautiful, rich banners for your affiliates. Tapfiliate allows you to upload your custom HTML5 banners. To keep your banners looking nice and trackable, we will review the rules for setting up the HTML5 banners in Tapfiliate.
Below, we'll discuss:
Click Tag configuration
For Tapfiliate to handle links correctly, you must use the Click tag (in accordance with the IAB recommendation).
Kindly follow these rules:
Each Click tag should get its own, individual line
Each Click tag var should be pressed by the var keyword; no multiple declarations
The URL in the Click tag declaration should be conveyed in double quotes (“)
The assignment operator (=) should have 1 space on each side
The Click tag declaration should have a trailing semicolon (;)
There should be no additional whitespace beyond the trailing semicolon
Summary:
The assignment line example:
var clickTag = "https://yoursite.com";
Single link banners
For banners with a single link, use the clickTag var.
<a id="click" target="_blank">home</a>
How you handle the final click is up to you, as long as you use the clickTag variable.
Multi-link banners
If you upload the banner with multiple links, the clickTags are numbered, starting with clickTag0.
Example:
var clickTag0 = "https://yoursite.com";
var clickTag1 = "https://yoursite.com/pricing/";
var clickTag2 = "https://yoursite.com/signup/";
Code example:
<a id="click0" target="_blank"></a>Home
<a id="click1" target="_blank"></a>Pricing
<a id="click2" target="_blank"></a>Signup
[Optional] Dimension Meta Tag
You can add a meta tag specifying the ad dimensions. Please use this exact format when adding the meta tag:
<meta name="ad.size" content="width=300,height=250">
If this tag is omitted, the banner will be treated as responsive, and its width and height will be set to 100%.
Example of the HTML5 banner code
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="ad.size" content="width=300,height=250">
<title>Banner</title>
<script>
var clickTag = "https://yoursite.com";
</script>
</head>
<body>
<div style="height: 250px; width:300px; background-color:#37d1b3; color: white; padding: 20px; text-decoration: underline">
<a id="click" style="cursor: pointer;" target="_blank">Go!</a>
</div>
</body>
</html>
Still need help?
If you have any questions or if something in this guide is unclear, please don't hesitate to contact us at support@tapfiliate.com-we're happy to assist!