1. Knowledge Base
  2. Getting started with Venatus

How to implement Venatus Tags in WordPress Using Ad Inserter

Our tags can be implemented using plugins on sites built with WordPress. One of the most commonly used plugins is Ad Inserter Pro.

1. Header tag: Implement our header tag that will scan our ad tags only once on all pages where you would like to serve our ads.

Example of the header tag below:

351cc487-32a5-4130-9f28-1ab097a58133

 

How to implement the header tag:

1. Click on settings in ad inserter pro:

af9962b9-1352-48d9-b3df-31c3049afa8e

2. If it is inactive and grey, click on it to enable it. Otherwise, the header tag will not be implemented.

Inactive

8c3896b2-c98f-4528-838d-19144d011aaf

 

Active

51706c4a-a937-44d8-a7ac-ad2e68849396

3. Copy the header tag in the tag file.

4. Paste here:

a8591561-bfc9-4dd8-9a3c-bf1d7df751bc

5. Save settings


2. Ad tags: Implement our placement/ad tags to load our ads.

How to implement the ad tags:

Example of the ad tag below:

baeb259c-7456-4bba-bed4-c310d85142a5

Copy the ad tag that you want to run.

1. Paste the tag into one of the blocks.

2. Choose on which pages you want to run the ad.

3. Choose where on the page you want to load the ad

4. Keep alignment as the default unless you want to change its place or add custom CSS

5. Click on Devices, use client-side detection, select “insert” and device where you want to load the ad 

6. Save Settings

4b48fa1e-f332-4917-8697-fb150e336621

Workaround:

If you want to implement one of our desktop tags in desktop and smaller tag in mobile in the same place, you can implement tags as the following:


[ADINSERTER VIEWPORT="Desktop"]

<!-- Test - 728x90 Dynamic (DesktopPlacementID) - 728x90, 970x250, 970x90 - Place in <BODY> of page where ad should appear -->

<div class="vm-placement" data-id="DesktopPlacementID"></div>

<!-- / Test - 728x90 Dynamic (DesktopPlacementID) -->



[ADINSERTER VIEWPORT="Phone"]

<!-- Test - 300x50 Dynamic Mobile (MobilePlacementID) - 300x50, 320x50, 300x100, 320x100 - Place in <BODY> of page where ad should appear -->

<div class="vm-placement" data-id="MobilePlacementID"></div>

<!-- / Test - 300x50 Dynamic Mobile (MobilePlacementID) -->

 

Use “Client-side detection” choose "Insert" and select All devices.

Sample:

31ac9443-6072-4e38-b678-d49241149744

How to implement the rich media tag:

We run the vertical sticky, sticky footer and video slider through the rich media tag. We enable/disable these formats as per publishers’ requests. 

If you would like to run these formats, you will need to implement the rich media tag only once on each page. It can be implemented anywhere in the body.

0ec871b9-8996-4ed1-8b55-72fe38f31507

  1. Copy the rich media tag

  2. Paste in one of the blocks

  3. Choose pages where you would like to run the formats

  4. You can implement the tag anywhere on the page in the body

  5. Click on Devices, use client-side detection, select “insert” and choose devices where you want to load the formats

0d648c0d-dfdf-4a7a-af94-d59eea3c6fca

How to implement the tag for the takeover 

We run the takeover through the 728x90 Dynamic tag with the hybrid banner. The ad should be implemented at the top of the page, under the navigation bar.

  1. Copy the ad tag with the hybrid-banner:

<div class="vm-placement" data-id="PlacementID" data-display-type="hybrid-banner"></div>

2. Paste in the block

3. Choose pages where you would like to run the takeover

4. Choose “Before post” as insertion 

5. Choose desktop as a device

 

38d63ed2-24c1-427c-9390-b240e81443bd