cnk: ADSENSE

  • 23 May 2019

     Guidelines to Modify Google Adsense Responsive Ads To Fit Mobile, Tablet and Desktop Screens - clickloaded

    Guidelines to Modify Google Adsense Responsive Ads To Fit Mobile, Tablet and Desktop Screens - clickloaded

    Click Here To Join NG Adverts Here is a fact, Google AdSense responsive ads are not really fully responsive. They might fit the screen...

    Continue reading

    18 October 2018

    GUIDELINES TO UPLOAD ADSENSE CODE TO BLOGGER WITHOUT AFFECTING PAGESPEED

    GUIDELINES TO UPLOAD ADSENSE CODE TO BLOGGER WITHOUT AFFECTING PAGESPEED

    if you upload Google Adsense ads code for your blogger blogspot blog, you then must have noticed that it's far killing your Pagespeed. ...

    Continue reading

    Search This Blog

    Guidelines to Modify Google Adsense Responsive Ads To Fit Mobile, Tablet and Desktop Screens - clickloaded

    Click Here To Join NG Adverts





    Here is a fact, Google AdSense responsive ads are not really fully responsive. They might fit the screen size but they don’t always serve the best ad type for various screen sizes.
    Here is why and how to modify it.

    Best Performing Google Adsense Responsize Ads sizes for various screens

    Generally, there are 3 major screen sizes which are popularly in use in the world, these are

    1. Desktop
    2. Tablets
    3. Mobile


    These 3 major screen sizes are all you need to optimize for, breaking it further down, we would have just Desktop and Mobile devices because they have more users.

    Best Performing Ad size for Desktops


    Starting with the laptop/desktop screen, not all Ad sizes perform well on such screen because the screen size is big hence, a well-performing ads should be bold and clear spelled out.

    Here are the best performing banner size for desktop

    1. 720 x 90
    2. 338 x 280
    3. 300 x 600
    And other large ads sizes, these ads sizes are big and bold. Hence, users can easily spot and click on them.

    Best Performing Ads Size for Mobile Device


    Mobile screens are a lot smaller than desktop screens, these screens are sometimes depending on the niche, the best screens for clicks and impression.

    Hence the best sizes should not, however, be too big, neither should it be super small.

    Your best choice should be
    320×100
    300×250
    These sizes are awesome for a mobile device. Sometimes if you are going to display 2 ads, make it a 320×100 and a 300×250.

    If you have surveyed your site, you would notice your ads being served most times are not these specific sizes. Hence, it would be wise to modify Adsense ads size and earn more clicks.
    Understand the concept? let’s get it done.


    How to Modify Adsense Ads Size




    Whenever you wish to add Adsense ads to a section of your blog, copy the below code

    <style type="text/css">.adslot_1 { width: 320px; height: 100px; }@media (min-width:500px) { .adslot_1 { width: 468px; height: 60px; } }@media (min-width:800px) { .adslot_1 { width: 728px; height: 90px; } }</style><ins class="adsbygoogle adslot_1" style="display:inline-block;" data-ad-client="ca-pub-XXXXXXX11XXX9" data-ad-slot="8XXXXX1"></ins><script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
    Code credits: How to modify your responsive ad code on Adsense blog.

    Paste it and save
    Do replace “ca-pub-XXXXXXX11XXX9 and 8XXXXX1”.
    You might be interested in Guidelines to upload AdSense
    That’s all.
    You can modify the size to show on the various screen. In the above it shows a size of 320×100 for mobile, you can edit.

    You might want to get an adsense ready blogger theme to increase earnings and also learn how to display google adsense responsive ads inside post on blogger

    Rounding up

    This is how easy it is to set the size of your google adsense responsive ads for mobile, desktop and tablet screen sizes.

    if this post was a great deal, do share with others.

    GUIDELINES TO UPLOAD ADSENSE CODE TO BLOGGER WITHOUT AFFECTING PAGESPEED

    if you upload Google Adsense ads code for your blogger blogspot blog,

    you then must have noticed that it's far killing your Pagespeed.

    if you don't get it,

    here's a web page that has Google AdSense code introduced without optimization...

    and right here is some other with Adsense code brought the right way!.
    Get the gist?.

    So, in this submit, i am going to expose you the precise way to add Adsense code to blogger without affecting Pagespeed.

    however earlier than then, allow's take approximately why you need a fast loading advertisements code.

    Preferences OF FAST LOADING BLOGGER BLOGS 


    Notwithstanding these, at that point I could never outskirt squandering my chance on 

    adding Adsense advertisements code to blogspot blog the correct way! 

    also, these reasons are 


    1. 1. Website optimization Benefit: Know this currently, Fast formats get an internet searcher positioning lift over moderate locales 
    2. 2. Increment Earnings: If you can expand how quick your substance gets showed to clients, at that point you can twofold your Google AdSense income 
    3. 3. Better User Experience: Users don't care for moderate stacking locales, so on the off chance that you can accelerate your blog, at that point you get the chance to enhance the client encounter . 
    4. 4. Lower bob rate: Google presented AMP pages as a result of moderate stacking locales, so on the off chance that you can help your speed, make certain of the lower number of clients clicking back. 

    Everything that stated, 

    How about we discuss the old strategies used to add AdSense code to blogger.

    OLD METHOD OF ADDING ADSENSE CODE TO BLOGGER 


    This works in any case, it is to a great degree an un-improved way to deal with add Adsense code to Blogger; 

    This is so in light of the way that the Adsense code is a javascript report, thus, it stands the ability of transforming into a rendering blocking JS. 

    If you used this system, you need to settle it and seek after the new procedure 

    The old methodology was basically including your ads code an async="async" javascript record. 

    Directly, this worked uncommon yet in the meantime possed a risk which is clearly showed up on Google Pagespeed device. 

    So what's the best way to deal with add Adsense code to blogger blogspot? 

    It's called yielding!!.

    WHAT IS DEFERRING?

    By deferring, it simply means loading an item after every other major item have been loaded.
    For example, in a blogger blog, we have text, images, JS, CSS etc.

    It makes a lot of sense for Text and CSS to load first since they are the major items needed to be displayed.

    While images can then be loaded via Image lazy loading
    and finally, Javascript such as Google AdSense code can then be deferred.

    Get the concept?
    If yes, then let me show you how to defer or add AdSense code to blogspot without affecting page speed.

    HOW TO ADD ADSENSE CODE TO BLOGGER


    • Go to blogger.com >> Theme >> Edit HTML.
    • Search for </body> (it's at the bottom)
    • Copy and Paste the below code just above </body> and save.




    <script type='text/javascript'> function downloadJSAtOnload() { var element = document.createElement(&quot;script&quot;); element.src = &quot;//pagead2.googlesyndication.com/pagea document.body.appendChild(element); } if (window.addEventListener) window.addEventListener(&quot;load&quot;, downloadJSAtOnl else if (window.attachEvent) window.attachEvent(&quot;onload&quot;, downloadJSAtOnloa else window.onload = downloadJSAtOnload; </script>





    • If you already have AdSense code on your blog, search for all occurrences of "<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>" both in theme and layout section.

    Once found, delete them.


    • Whenever you wish to add Adsense banner to your blog, deleted the JS part (<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>) and paste the rest page e.g " "


    Get it?

    Now, that's how easy it is to place/add Google Adsense ads code on blogger blogspot blog the right way without affecting blog Pagespeed.
    That leads us to actually displaying Ads on blogger.

    The first step, we added the script which happens to be the reason for slow speed.
    For absolute beginners without an idea on how to create Adsense ads code.
    Here is how to get it done.

    Go to GoogleAdsense login page >> My ads >> Ads units >> New ad unit.

    On the new page, choose any ads type of your choice,

    I selected Text & display ads.
    You can learn about Adsense in-feeds ads in my blog post.

    Give it a name, Select the size you prefer. I always choose the responsive size.
    When done click "Save & get code".
    The ad code will pop up, copy the code and don't forget to delete the script part which is "<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>".
    That's all.

    Add the code to an HTML widget at the sidebar, inside the theme etc.

    WHAT DO YOU THINK? 


    So how would you typically add Adsense code to blogger? 

    Did the new technique separated your blog page speed? 

    Am restless to hear what you have encountered at the remark segment.

    Get notified on FB