Subscribe to Our Newsletter

x

Ads in Listicles: Setting up DFP to Asynchronously Reload

In your RebelMouse site, you have the option to enable asynchronous listicle pages.

This makes for a much better user experience because:


  • You avoid a page reload (which means less waiting time for users, and it produces a faster view of the article).
  • Users aren't taken to the top of the page again, so they don't have to scroll back down to the newly loaded item to continue reading.
  • It's AJAX driven, so each time the user clicks on "Next Page," the items reload much faster than regular, non-asynchronous listicles.
  • Asynchronous listicles enables ads reloading — meaning your ads get refreshed every time the user clicks "Next Page."

See a live example here.

Awesome! How Do I Enable This?

If you want to set up your site to have AJAX-driven listicles and do asynchronous loading by default, please contact your RebelMouse Account Manager — we'll enable it for you in our backend.

OK, and How Can I Enable My Ads to Reload?

Setting up ads to refresh with each page a user clicks through in the listicle is simple with the Layout & Design tool. Please note that we only support DoubleClick for Publishers at the moment.

Here are the step-by-step instructions:

1. Set up Google DFP asynchronous loading in your Ad Header Code/Header Code element. (It's usually located in the Top Bar.) Replace this:

<script type='text/javascript'>(function() {var useSSL = 'https:' == document.location.protocol;var src = (useSSL ? 'https:' : 'http:') +'//<a href="http://www.googletagservices.com/tag/js/gpt.js" target="_blank">www.googletagservices.com/tag/js/gpt.js</a>'; document.write('<scr' + 'ipt src="' + src + '"></scr' + 'ipt>');})(); </script>

With this:

<script type='text/javascript'>// Load GPT asynchronouslyvar googletag = googletag || {}; googletag.cmd = googletag.cmd || [];(function() {var gads = document.createElement("script"); gads.async = true; gads.type = "text/javascript";var useSSL = "https:" == document.location.protocol; gads.src = (useSSL ? "https:" : "http:") +"//<a href="http://www.googletagservices.com/tag/js/gpt.js" target="_blank">www.googletagservices.com/tag/js/gpt.js</a>";var node = document.getElementsByTagName("script")[0]; node.parentNode.insertBefore(gads, node);})(); </script>

2. Find the Custom HTML or Ad Tag elements that have the ad tags that you wish to reload with each listicle item. You should replace this code:

googletag.defineSlot('/1771250/7x7_728x90_RestOfSite', [[300, 50], [320, 50], [728, 90], [320,80]], 'div-gpt-ad-1459967663958-3').defineSizeMapping(mapping_leader).addService(googletag.pubads()); googletag.defineSlot('/1771250/7x7_728x90_RestOfSite_2', [[728, 90], [320, 50], [300, 50], [320, 80]], 'div-gpt-ad-1462241457054-6').defineSizeMapping(mapping_leader).addService(googletag.pubads());

With this:

var googletag_refresh_slots = googletag_refresh_slots || [];var refresh_slot1 = googletag.defineSlot('/1771250/7x7_728x90_RestOfSite', [[300, 50], [320, 50], [728, 90], [320,80]], 'div-gpt-ad-1459967663958-3').defineSizeMapping(mapping_leader).addService(googletag.pubads()); googletag_refresh_slots.push(refresh_slot1); var refresh_slot2 = googletag.defineSlot('/1771250/7x7_728x90_RestOfSite_2', [[728, 90], [320, 50], [300, 50], [320, 80]], 'div-gpt-ad-1462241457054-6').defineSizeMapping(mapping_leader).addService(googletag.pubads()); googletag_refresh_slots.push(refresh_slot2);

3. And if the following line of code is included in your tags, please remove it. (It's called sync rendering.) It might not apply to your site, but please do check for it.

googletag.pubads().enableAsyncRendering();

You're almost there! Fill out the form below and a Rebel will contact you within one business day.

x

A Look Inside the Only Creative Agency Powered by Deep Technology

Strategic development of product that supports content distribution, conversion, and loyalty.

RebelMouse is a creative agency fueled by a publishing platform with deep technology. Our expertise is rooted in media and content marketing because there is no other team that understands distributive publishing better than we do. There is also no other CMS on the market today that provides content creators with the tools they need to unlock sustainable growth backed by sticky monetization methods. RebelMouse blends product and strategy together to move the needle where it matters most — organic traffic and user growth, conversion to loyalty, and revenue growth.

Keep reading... Show less

Snag Instant Engagement With Dynamic Voting (Including Ads Integration!)

PAPER Magazine Puts Its "Break the Internet" Campaign to an Audience Vote.

With 2019 just around the corner, it's time to make a resolution to just say "no" to flat media. Creating quality content is no longer on marketers alone. We live in a universe of creators who are willing to not only consume content that resonates, but also participate in the creation of it. On our journey to create dynamic media that makes this type of content curation instinctive, we've designed a new feature that lets you create quizzes and surveys with a professional design that are easy to use and easy to monetize.

Keep reading... Show less

Why Does RebelMouse Create Growth?

Understand what your content needs to create new reach and deepen loyalty.

After a shaky 2018, publishers are positioned to start the new year with less dependency on the platforms. But the chase to consistently create ROI from content is still somewhat unclear. According to Content Marketing Institute, one-third of B2C marketers and 42% of B2B marketers do not measure content growth, with many of them citing it's just not tangible enough to understand.

Keep reading... Show less

Don’t Fire Your Content Team — Arm Them With the Tools They Need

You might have heard about the recent layoffs at Mic following one unsuccessful pivot after another. The story is familiar in the modern digital media landscape, so I won't give another recap on how the mindless pursuit of digital trends ended up backfiring for another media company. Instead, I want to focus on solutions, namely, one solution that's been right under our nose for years.

Keep reading... Show less

You're almost there! Fill out the form below and a Rebel will contact you within one business day.

x

New: Easily Remove Users + Transfer Content

We subscribe to the idea that we live in a universe filled with creators. With that said, not all creators are created equal, and sometimes they move on after a while. That's why we want to make sure our site administrators have complete control over who has access to their RebelMouse pages. We've launched a new user interface within our users dashboard that allows you to efficiently remove authors from your site. And during this process, you can also reallocate posts from one user to another in bulk. Here's a look at how it all works.

Keep reading... Show less