How to Configure an HTML5 banner - Tapfiliate Help Center

January 30, 2026

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:

How to configure Click tags
Setting up the single-link banners
Configuring a multi-link banner
Adding a Dimension Meta tag
An HTML5 banner code example

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!