Journey offers the ability to block individual ad units or even all ads on a given post. All it takes is inserting some HTML into the body of your content. It’s important to know that this functionality is NOT intended to be used site-wide, but rather is meant for you to better tailor things like sales or about pages.
Best Practices For Blocking Ads
This functionality is not intended to block ads site-wide or across the majority of your high-traffic posts. This should only be used when there are individual posts or pages that need special consideration, like when you are running a sponsored post and part of the sponsorship agreement is that you block ads.
When inserting this code, it’s imperative to put it in the content area of the post. If it’s placed in a site-wide element like a header, sidebar, or footer then you are at risk of blocking ads across your entire site.
HTML For Blocking Ads
Note: our script can only read one instance of blocklist code on a given page. This means that copy/pasting multiple blocklist divs into a page will not work as intended. See the next section for details on how to block multiple types of ads.
All Ads
<div id="ad-management-config-settings" data-blocklist-all="1"></div>
Desktop In-Content Ads(ads appearing throughout the body of your content)
<div id="ad-management-config-settings" data-blocklist-content-desktop="1"></div>
Mobile In-Content Ads
<div id="ad-management-config-settings" data-blocklist-content-mobile="1"></div>
Desktop Adhesion Ad(fixed ad that displays across the bottom of the screen)
<div id="ad-management-config-settings" data-blocklist-adhesion-desktop="1"></div>
Tablet Adhesion Ad
<div id="ad-management-config-settings" data-blocklist-adhesion-tablet="1"></div>
Mobile Adhesion Ad
<div id="ad-management-config-settings" data-blocklist-adhesion-mobile="1"></div>
Desktop Universal Video Player(small video player in the bottom corner of the screen)
<div id="ad-management-config-settings" data-blocklist-universal-player-desktop="1"></div>
Mobile Universal Video Player
<div id="ad-management-config-settings" data-blocklist-universal-player-mobile="1"></div>
Sticky Sidebar Ad(a sticky ad that appears at the bottom of your sidebar)
<div id="ad-management-config-settings" data-blocklist-sidebar-btf="1"></div>
Recipe Ads(ads automatically inserted into your recipe card)
<div id="ad-management-config-settings" data-blocklist-recipe="1"></div>
How to Block Multiple Ad Units
If blocking an individual ad unit isn’t enough and blocking all ads is too much, you can adjust the above blocklist code to block multiple specific ad units. It’s a simple approach where you can pick and choose from the data-blocklist attributes to construct your personalized blocklist code.
You start with this simple template:
<div id="ad-management-config-settings"></div>
Then insert your preferred blocklist attributes. For instance, this blocklist code would block in-content ads on desktop and mobile:
<div id="ad-management-config-settings" data-blocklist-content-desktop="1" data-blocklist-content-mobile="1"></div>
Additionally, this blocklist code would block all in-content and recipe ads:
<div id="ad-management-config-settings" data-blocklist-content-desktop="1" data-blocklist-content-mobile="1" data-blocklist-recipe="1"></div>
How to Set an Expiration Date on the Blocklist Code
Another feature at your disposal is to set an expiration date on how long to block ads on a given post. This is valuable for sponsored posts that have an exclusivity clause for a certain number of days. Instead of needing to remember to remove the blocklist code, you can just set an expiration date and once that day passes, ads will populate again.
For instance, if you have a sponsored post whose exclusivity ends on September 1st, 2024 and you want to block all ads, this is what the blocklist code would look like:
<div id="ad-management-config-settings" data-blocklist-all="1" data-expires-at="2024-09-01”></div>
How to Insert the Blocklist Code
It is critical to remember that this code should only be inserted into the content area of an individual post. When inserting this code, you need to be certain that you are inserting a code block or editing the HTML source of a post.