How To Setup AdSense Matched Content Unit in BlogSpot?

Setup Adsense Matched Content Unit in BlogSpot blogs

In 2005 Google Introduced Matched content to help publishers promote their website content to their visitors. AdSense Matched content is actually a content recommendation tool that shows related posts to your readers. It generates contextually relevant article recommendations from the pages on your blog by displaying thumbnails. In other words it helps your blog visitors to discover relevant articles on your blog. It is a Google version of the Related Posts Widget that we use in blogspot and wordpress blogs.

By setting up matched content on our blogspot blog, we did not only helped our readers to discover related content on our site but we also succeeded in generating more pageviews, lower bounce rate and some extra ad impressions thanks to its native ads option.

Matched Content unit surely engages your website visitors to spend more time on your blog and thus helps you with higher page views and of course more ad revenue if you monetize it. See a live demo of Matched Content  in action at the bottom of this tutorial [Scroll down].

Matched Content Display Sizes

Matched content and Ads are displayed in two types either:

  1. Responsive Size: Related content is displayed horizontally inside a responsive carousel slider with Next/Previous buttons
  2. Fixed Size: A custom size matched content will display recommendations inside a Grid or fixed size slider.

Responsive Size:

Note: You can use responsive size only if your blogspot template is mobile responsive. Make your template responsive by reading this interesting and easy guide:

Matched Content is displayed inside a responsive horizontal slider in Desktop/Laptop screens but displayed inside a vertical slider in Smartphone/Tablet/IPad screens. The Ads are distinguished from the related content using the "Ad" label.

Matched Content View In Desktop / LaptopMatched Content View In Desktop / Laptop

Matched Content View In Tablet / Large Smartphones

Matched Content View In Tablet / Large Smartphones

Matched Content View In Smartphones

Adsense  Matched Content View In Smartphones

Fixed Size:

A fixed size Matched Content Unit is displayed in Grid Style instead of a Slider. You will have to manually create different matched content units for different mobile screen sizes. I would prefer a responsive one though!

The thumbnails in fixed size can be displayed inside a fix grid or slider depending on the number of related posts AdSense can fetch out of your site.

Adsense Matched Content in Fixed sized

Check If Your Blog Is Eligible For Matched Content

At present Matched content is available only for blogs with multiple pages and high volumes of traffic. You can easily find out if your blog is eligible for Matched content by checking the "My sites" section in your AdSense account.

Follow these steps to check the eligibility of your blog:

  1. Sign in to your AdSense account.
  2. Click the gear icon and then select Settings.
  3. In the sidebar, select My sites.
  4. Under "My sites", click Matched content.
  5. In the "Sites" section, check to see if your blog is listed:
    • If your blog is listed, you can surely place Matched content units on any of its pages.
    • If your blog isn't listed, then it's not currently eligible for Matched content.

Do Matched Content Count Towards ad limit per page?

No!  AdSense has clarified it quite clearly that Ads displayed inside a matched content unit does not count towards your Content Units and Link units per page. You can still publish 3 ad units, 3 link units and 2 search boxed per page.  Matched content units are bonus ads that you can display.

Create AdSense Matched Content Unit

Lets first create a matched content unit and later we will discus how to setup and show matched content native ads in blogspot blogs.

  1. Sign in to your AdSense account.
  2. Visit the My ads tab.
  3. Click the button +New ad unit.
  4. Select Native, then click Matched Content. Create AdSense Matched Content Unit
  5. The drop-down in the upper corner of the preview area will tell you which of your blogs are eligible for Matched content. Eligibility of sites for  AdSense Matched Content Unit
  6. From the right sidebar options, give your Matched content unit a suitable name.
  7. Do enable "Monetize with ads" option to earn extra revenue by displaying native ads inside matched content. You will see this option only if you are eligible to monetize your match content unit with ads.  Monetize AdSense Matched Content Unit 
  8. In the "Size" section, choose "Responsive" if your blogger template is mobile responsive else choose custom. When using a custom size, AdSense recommends to choose an ad size with a width:height ratio of around 2:1 for a horizontal layout, or 1:2 for a vertical layout. Create Responsive AdSense Matched Content Unit
  9. Finally click SAVE AND GET CODE.

Display Matched Content in Your BlogSpot Blog

You can display several matched content units per page. It is advised to display just two units: one at the bottom of your articles and second on your sidebar. At present I have added just one unit at the bottom of my blog posts. You can use the same code for both the locations.

Follow these steps to Add Matched Content Unit widget in BlogSpot:

  1. Go To Blogger > Settings> Template
  2. Backup your template first.
  3. Click "Edit HTML"
  4. Search for this code:  <data:post.body/>   Note it will appear several times depending on your layout. Choose the last occurrence of this code.
  5. Paste your Matched Content Code just at the bottom/below of <data:post.body/>. Note if you are using the responsive code then kindly replace async with async='' inside your code to avoid getting errors in your blogger template editor. Edit your code as shown below:
    <script async='' src='//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'/>
    <!-- Matched Content -->
    <ins class='adsbygoogle' data-ad-client='ca-pub-xxxxxxxxxxxxxxx' data-ad-format='autorelaxed' data-ad-slot='xxxxxxxxxxx' style='display:block'/>
    <script>
    (adsbygoogle = window.adsbygoogle || []).push({});
    </script>
  6. Enclose your final code inside these conditional tags so that matched content is displayed in blog posts only and not the homepage or search pages.
  7. <b:if cond='data:blog.pageType == &quot;item&quot;'>
    AdSense Matched Content Code
    </b:if>
  8. Save your template and you are all done! Visit your blog to see it in action :) 

Have You Used Matched Content?

Matched content have surely improved our AdSense earnings and blog pageviews. It is really slow at fetching your blog content but with time once AdSense is able to understand your content well enough, it will display more recommendations and less ads. Do add this new widget by AdSense on your blogs and see the difference for yourselves.

I have also shared a  tutorial on how to add page-level ads on your blogspot blogs. Which are ads specifically built for your mobile audience.

How is your experience with AdSense Native ads so far? Do share your valuable views with all of us. :)

If you don't want to get yourself into Serious Technical Trouble while editing your Blog Template then just sit back and relax and let us do the Job for you at a fairly reasonable cost. Submit your order details by Clicking Here »

18 comments

PLEASE NOTE:
We have Zero Tolerance to Spam. Chessy Comments and Comments with 'Links' will be deleted immediately upon our review.
  1. Hello Mustafa Sir,
    I am following you since I created my blog on blogger and learning new skills. Even reading from your "template responsive series" I just make one of your template fully responsive. I am learning json and want to see an epic series of ajax tutorial. I searched on google and found nothing, I know YOU are the first of any blogger who like to write widgets code and help us to understand it.

    HOPE YOU WILL SOON RELEASE THIS SERIES SOON...

    ReplyDelete
  2. Can't see matched content option in my sites or anywhere in settings.

    ReplyDelete
  3. Mohammad I am facing New error and i have not any solution of this error Homeloaction missing in blogger theme Please help me in this error

    ReplyDelete
  4. please anyone help me in Homelocation error in blogger please

    ReplyDelete
  5. My adsense account don't show up my sites and not option appear mached content which is want to add my site onlinepakistanofficial.blogspot.com

    ReplyDelete
  6. hello i loved your Site.....Your work is awesome....

    ReplyDelete
  7. pls I need ur help in getting a good template for my blog

    ReplyDelete
  8. Admin,

    Google doesn't allow ad code edition. Then it is safe to change ad code by using your way to add matched content into blogger template.

    ReplyDelete
  9. i have my website and have been approved for matched content unit but the problem is i am unable to see images with the recommended links by google

    ReplyDelete
    Replies
    1. you must have images in your posts then only they will appear on search

      Delete
  10. Awesome content 😊😊

    I am also trying to start a blog now but ... I want to ask that should i need to purchase the seo services or I can do it buy reading your blogs and other bloggers

    ReplyDelete
  11. Hi,
    I am using Adsense since last two years but my matched content ads is not enabled yet. is there any other procedure or workaround to make it enable or active?
    Actually I dont want to use adsense ads on my blog but I can use the matched content widgets to my blog to make it look more better.
    Suggest me if any.

    Thanks,
    Amit

    ReplyDelete
  12. I am still getting error even after changed the code as per your suggestion

    ReplyDelete
  13. well i am not getting the option in my adsense to enable like monetize with the Ads i dont know why ? just today my blog was eligable

    ReplyDelete