How to set-up advertisements using code snippets

The code snippets feature is designed primarily to position display advertising on your Zapnito site. Here's how it works.

This article contains the following sections:

• Code snippet positions
• Using the code snippet editor

Introduction and caveats

Code snippets allow your site administrators to place advertising embed codes on various areas of your Zapnito site. Usually this will mean some Javascript code provided by a platform such as Google Ad Manager (formerly known as DoubleClick). The code is placed into a code snippet position, and then rendered into the head and/or body elements within the page HTML (code snippets can also be used to embed Twitter feeds and and other embeddable content such as surveys).

Please note that you will need to have a reasonable amount of background knowledge about embedded ads and content to use code snippets.

What's more, while we are happy to investigate if your code snippets appear not to be working as expected, please note that the vast majority of problems to do with embedded content are caused by the tool that has generated the embed code or the way it has been embedded into a code snippet, and they will therefore need to be resolved on your end.

Code snippet positions

There are currently 10 positions that are typically used for ad placements. These are;

1. Above navbar leaderboard
2. Home leaderboard
3. Footer leaderboard
4. Channel top leaderboard
5. Channel bottom leaderboard
6. Content top leaderboard
7. Content bottom leaderboard
8. Dashboard MPUs
9. Channel MPU
10. Content MPU

Above navbar leaderboard

• Single position; appears on all pages of the site, above the very top navbar
• Disappears as the user scrolls down the page
• 728 x 90 pixels
• Code snippet = 'Above Navbar'

Home leaderboard

• Single position
• Appears anywhere on the homepage. Set the position using the Homepage Settings page once you have created the code snippet
• 728 x 90 pixels
• Code snippet = 'Home'

Footer leaderboard

• Single position
• Appears at the bottom of all pages of the site, above any footer page navigation
• 728 x 90 pixels
• Code snippet = 'Footer'

Channel top leaderboard

• One position per channel; appears at the top of the channel page
• A channel ID slug needs adding to the code snippet to specify in which channel(s) the ad appears (see 'dynamic variables' below. If no slug is added, the ad will appear in all channels
• 728 x 90 pixels
• Code snippet = 'Channel Top Leaderboard'

Channel bottom leaderboard

• One position per channel; appears at the bottom of the channel page
• A channel ID slug needs adding to the code snippet to specify in which channel(s) the ad appears. If no slug is added, the ad will appear in all channels
• 728 x 90 pixels
• Code snippet = 'Channel Bottom Leaderboard'

Content top leaderboard

• One position per item of content
• On posts, appears below the poster image and above the buttons for commenting etc.
  
• On videos & documents, appears below the author’s byline
  
• A content ID slug needs adding to the code snippet to specify in which item(s) of content the ad appears. If no slug is added, the ad will appear on all content
• 728 x 90 pixels
• Code snippet = 'Content Top Leaderboard'

Content bottom leaderboard

• One position per item of content
• Appears on posts, videos and documents, at the end of the body content before the navigation and author profile
  
• A content ID slug needs adding to the code snippet to specify in which item(s) of content the ad appears. If no slug is added, the ad will appear on all content
• 728 x 90 pixels
• Code snippet = 'Content Bottom Leaderboard'

Dashboard MPUs

• Requires 3 x MPUs to be added to fill the page
• Can be used for other items, e.g. for embedding Twitter feeds, RSS feeds, polls etc.
• Zapnito will set these up for you: supply the code for Google Tag Manager, Twitter etc as needed to support@zapnito.com
• 300 x 250 pixels
• Code snippet = 'Dashboard MPU'

Channel MPU

• One position per item of content; appears at the top right of the body section of posts & videos; does not appear on document content pages
• A channel ID slug needs adding to the code snippet to specify in which channel(s) the ad appears. If no slug is added, the ad will appear in all channels
• 300 x 250 pixels
• Code snippet = 'Channel MPU'

Content MPU

• One position per channel; appears at the top right of the first row of content
• A content ID slug needs adding to the code snippet to specify in which item(s) of content the ad appears. If no slug is added, the ad will appear on all content
• 300 x 250 pixels (or size as required)
• Code snippet = 'Content MPU'

Using the code snippet editor

If you are an admin for your site, you can access the code snippet editor under the cog icon in the top right-hand corner of the page and select 'Settings'. Scroll down to the Configuration header where you will find the 'Code Snippets' settings tile.

Click the 'New Snippet' button to open the editor or click on the name of an existing snippet to make changes.

The code snippet editor allows you to paste the embed code into the head area and/or the body area of the page and then select the desired position for the code snippet from the dropdown list provided.

Dynamic variables

The code snippet editor also allows you to make use of two dynamic place holders. The placeholders must be surrounded by double curly braces as the examples below.

{{slug}} -- The slug is used to provide a unique reference to content (typically used to ensure ads appear in specific channels).

{{ad_unit_path}} -- The ad unit path is used to provide a unique reference to any page on the site and is made of the resource path within the URL.

Any queries? Contact us at support@zapnito.com or add a comment below.