Add Custom Channels into Blogger AdSense Page Element Widget / Gadget

»»»Add Custom Channels into Blogger AdSense Page Element Widget / Gadget allows authors and webmasters to easily add Google AdSense ad units to Blogger blog content pages to earn revenue by displaying relevant ads by using AdSense page element (commonly known as widge) in Blogger template. This feature allows many bloggers who are not familiar or not ready to modify HTML code programming to easily join and put up AdSense ad blocks to the web pages and blogs.

However, when configuring AdSense page element, after signing in and linked Blogger to user’s Google AdSense account, only AdSense publisher ID (e.g ca-pub-7042087181757148) is captured and placed into the ad code in blog’s template. Other settings that can be configured are ad unit format and colors, with no options to set the custom AdSense reporting channel for the ad unit. Custom channel is a feature in AdSense which is used to keep track of ad performance by allowing users to view detailed reporting on performance and revenue statistics of specific pages and/or ad units. Armed with this data, bloggers can then optimize the ad units individually to improve the AdSense performance.

Configure Adsense in Blogger

As seen in figure above, there are no direct field to enter a custom channel number using Blogger AdSense widget / gadget. You can switch to use URL Channel if you want, but it doesn’t produce data as detail as Custom Channel. To add custom channels to AdSense ad code automatically added to blog’s HTML source by Blogger template, use HTML/JavaScript widget instead.

Add HTML/JavaScript Page Element In Replacement of AdSense Widget

  1. Remove any AdSense page elements from the blog’s template. To do so, click on Edit link of AdSense gadget element, and then click on Remove Page Element or Remove button.
  2. Add a new HTML/JavaScript widget by click on any Add a Page Element or Add a Gadget link, then click on ADD TO BLOG or + button for the HTML/JavaScript gadget. A “Configure HTML/JavaScript” page will be loaded.

    Add HTML/JavaScript to Blog
    Old Blogger UI

    HTML/JavaScript Gadget in Blogger
    New Blogger UI

  3. Login to Google AdSense account, and generate the ad code by using AdSense Setup for Content product. Remember to select up to five custom channels to track the performance of this ad unit.
  4. Copy and paste the AdSense code generated into the Content text field of Configure HTML/JavaScript. Ignore the Title field.
  5. Click on SAVE CHANGES or Save button. A corresponding HTML/JavaScript element will be added to the template.
  6. Click and drag to realign and rearrange the new page elements to the position you prefer on your blog.
  7. Click on SAVE button on top right corner if needed.

The advantage of using HTML/JavaScript widget instead of AdSense widget is greater control over appearance and settings on AdSense ad unit including ability to add not one, but up to 5 custom channels to an ad unit, and users, especially those without even basic HTML knowledge, still do not need to manually edit the HTML source except to generate the ad code manually from AdSense account. Avoiding editing HTML minimizes risk of mistake that will corrupt the HTML source code or blog template, distorting the blog layout and in worst case, causing users have to reset the page template to default to get start again, losing any changes to Fonts & Colors.

By | 2016-12-09T08:39:23+00:00 December 9th, 2016|Categories: Advertising|Tags: , , |17 Comments

About the Author:

LK is a technology writer for Tech Journey with background of system and network administrator. He has be documenting his experiences in digital and technology world for over 15 years.Connect with LK through Tech Journey on Facebook, Twitter or Google+.
  • Thanks for the great tip. You are genius. Not only me but many webmaster will be thankful to you for sharing such a nice tip. Thanks again.

  • Inserting Adsense ad code through blogger widgets is easy and even new publishers with no prior experience can do it with ease.

  • Gian


    I've tried this one before, the problem is, the ads that are showing are somewhat different from what I generated using Adsense Manager. It is showing a vertical ad with different colors and without the "Ads by Google" text. Any ideas?

  • Dan

    Just what I've been looking for. Thanks for this!


  • Thanks for the tip. It was exactly what I was looking for.


  • Tried it and it worked for one ad unit. Tried another and it displays an error message "Cannot display the page" instead of the add unit. Does anyone know what causes this?

  • Answered my own question, it just took a while for the new add unit to register.

  • Thank you for the tips on adsense channel creations using HTML/Javascript page element. This was really useful

  • Al

    Man, this is some GREAT piece of advice. Thanks!

  • fornetti

    I do not believe this

  • I was wondering about this myself! I hate to have to go through the process of adding the ads so manually but I guess if I want to track it then that is what I am going to have to do?

    I do have a question though. When someone clicks on your adsense ad (the ones that automatically add if you want them to) wouldn't it show up when you look at your adsense numbers?

  • Very good article for new blogger, this way we con do better.

  • Adi

    There is a problem with this approach, the design is not well integrated with the blog.

  • Thank you for the advise it helped me working around my adsense in

  • Thanks for a great article ! URL channels have definately assisted in tracking my Google income.

  • Pingback: Adding adsense code to Blogger()

  • Is it safe to publish your Adsense ID?