> ## Documentation Index
> Fetch the complete documentation index at: https://support.tapfiliate.com/llms.txt
> Use this file to discover all available pages before exploring further.

# How to Configure an HTML5 banner

> Marketing Assets offer a range of suppirted assets types. If you plan to add the HTML5 banners, refer to the guide below.

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](#h_b41eb457d1)
* [Setting up the single-link banners](#h_7799b1d526)
* [Configuring a multi-link banner](#h_9cfe9d0c6d)
* [Adding a Dimension Meta tag](#h_6478b3114f)
* [An HTML5 banner code example](#h_8d29725ce3)

##### 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:**

```html theme={null}
<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

```html theme={null}
<!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](mailto:support@tapfiliate.com)**-we're happy to assist!


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.