jQuery .ajax doesn't load Google Adsense
- by Sahas Katta
Hey Everyone,
Just ran into an odd issue. I have a simple WP loop and instead of regular NEXT/BACK pages, I use a jQuery powered $.ajax get to append the following page to the current page. It works perfectly. However, I choose to insert a Google Adsense unit every 5th story. Unfortunately, the Adsense unit that is brought in with a second, third, or etc page load don't render.
Here's my loop: 10 stories per page, Adsense after the 4th one.
<?php $count = 0; ?>
<?php if ( have_posts() ) : ?>
<?php while ( have_posts() ) : the_post(); ?>
<?php $count++; ?>
<div class="card">
<div class="title">
<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><span><?php the_title(); ?></span></a>
</div>
</div>
<?php if ($count == 4) : ?>
<div class="card">
<!-- ADSENSE CODE HERE (Straight from Google Adsense Panel, no tweaks.) -->
</div>
<?php endif; ?>
As for my jQuery script, here's how that looks:
$.ajax({
url: nextPageLink,
type: 'GET',
success: function(data) {
$(data).find('#reviews .card').appendTo('#reviews');
},
error: function(xhr, status, error) {
$('.loadination').addClass('hidden');
}
});
Keep in mind, I just simplified my code to give you guys an example. The code above was just the essentials. All the loading stuff works perfectly. Images, text, links, etc all load just fine. However, the Google Adsense unit doesn't.
Any help would be appreciated. Thanks and Happy Holidays!
