Holid.io display ad tag implementation guide for sites

Learn about how Holid.io's ad tags work to show ads on your website.

Quick guide

Set up ads.txt on your site
Place your site's header-tag in the header of your site
Decide if you want to use Role tags or Dynamic tags, or both
Place tags where you want to show ads

1. Set up ads.txt on your site.

Place your site's ads.txt rows in your site's root folder called ads.txt, so that it's reachable on MySite.com/ads.txt. If you're using Wordpress, there are many extension providing easy handling of this.

Your site's ads.txt rows are found either in the Sites overview -> My ads.txt rows or in the Ads overview -> Get codes in Holid.io.

Ads.txt authorization takes up to 24 hours until ads are able to show in full.

2. Place your site's header-tag in the header of your site.

Place your site's header-tag in the header section, between the <head></head> tags, of your website, to be available on each page.
Your site's header-tag is found in the Ads overview -> Get codes in Holid.io.

Place your header-tag so that it is accessible to view in the source code of your site.

3. Decide if you want to use Role tags or Dynamic tags, or both.

Holid supports two types of tags. These are called Role tags and Dynamic tags. They can be used on the same page together, or individually.

Role tags will always trigger certain ad sizes on your site depending on the Role tag you implement. These are good to use if you have limited experience of developing or would just like a quick and easy implementation.

Dynamic tags will always trigger a cube-sized ad but will also look on the available space it has for which other sizes might also fit the spot. Meaning, it senses the area where it is placed and can show many different types of sizes depending on it's area. You are able to control this with your own CSS attached to the Dynamic tag.

Role-tags:

Role tag code	Ready sizes	Responsive
`<div class="holidAds widescreen"></div>`	Horizontal rectangular. 728x90 up to 980x600*.	Yes
`<div class="holidAds tower"></div>`	Vertical rectangular. 120x600 up to 300x600.	No
`<div class="holidAds box"></div>`	Cube. 250x250 up to 336x300.	Yes
`<div class="holidAds mobile"></div>`	Cube. 300x50 up to 320x480**.	No, only shows in mobile-view

*980x600 is a very rare size to be displayed since only high-paying advertisers are allowed to use that size.

**320x480 is a very rare size to be displayed since only high-paying advertisers are allowed to use that size.

Dynamic-tag:

Dynamic tag code	Ready sizes	Responsive
`<div class="holidAds"></div>`	All types of sizes. From 300x50 up to 980x600. Will try to match the best size for the space but will not force ads if available space information is not available.***	Yes

***Please take a moment to read the "About sizes for the Dynamic tag" section below.

About sizes for the Dynamic tag

Based on the information available in the ad spot where the Dynamic tag is placed, Holid.io scans your webpage in order to determine what ad size to show on your website. It does so by looking at the Universal tag's div's allowed space. Often times, your website's parent divs let the child divs inherit the size.

If your site's parent divs does not have a set size attached, or if you want to handle your ad sizes yourself, you should set CSS values to the Holid.io ad tag div. Set the maximum widths and heights of the ad size using CSS and max-width and max-height and attach that rule to the Holid.io ad tag div.

4. Place tags where you want to show ads.

Both tag types are to be placed within the <body></body> section of your site and where you want to show ads on your site. You can place how many ad tags as you want on each subpage, but remember to follow the Holid.io regulations regarding ad placements.

Place the ad tags directly in the body-section of your site, so they are accessible to view in the source code on your site.

Having issues? View the troubleshooting guide.