See the difference: Before vs After
this is rendered with postload_google_ads plugin
notice the content is rendered first & completely.
for best effect, shift-reload the page or disable browser cache
Oh by the way, feel free to click on the ads... You know, make sure they work ;-)
Description
Problems
- The ads you include on your website is doing "document.write"
- They block your webpage from being rendered nicely — chunks appear as ads comes in
Solutions
- Drop ads, or change ads provider.
- Hack "document.write"
- Refactor your web page, so that ads are at the bottom & all your content renders before them
- Use postload_google_ads plugin to do (3) for you.
Requirements
In this implementation, jQuery, Hpricot & Rails are required.
Getting started
Make sure you give your <script> tags for google something identifiable, e.g. <script class="googleads"> Then configure the necessary controller:
class ApplicationController < ActionController::Base
include PostloadGoogleAds
@@google_ads_cssselector = 'script.googleads' # step 1
cattr_accessor :google_ads_cssselector # step 2
after_filter :postload_google_ads # step 3
end
Restart your Rails server and see
Tips
To prevent ads from shifting your layout, it is best to wrap your google ads <script type="text/javascript"> tag in something (e.g. div) and give it an explicit height width.