Asynchronous Version of Adsense Code
When we check the site loading time or performance in the yslow or in any online tool then it shows that synchronous google ads are taking much more time than other JavaScript.
Google Adsense has made full asynchronous version of the AdSense ad code which improves user experience and web latency for site visitors. Lets see how to implement asynchronous version of adsense code -
Get Asynchronous Version of Adsense Code :
Go to “My Ads” tab in Google Adsense Dashboard and then click on the link Get Code.
Now select the “Asynchronous” from the dropdown menu.
below is the syntax of the asynchronous code you can replace your publisher id in the below code -
|
1 2 3 4 5 6 7 8 9 |
<span style='color:#808030; '><</span>script async src<span style='color:#808030; '>=</span><span style='color:#800000; '>"</span><span style='color:#0000e6; '>http://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js</span><span style='color:#800000; '>"</span><span style='color:#808030; '>></span> <span style='color:#808030; '><</span><span style='color:#808030; '>/</span>script<span style='color:#808030; '>></span> <span style='color:#808030; '><</span>ins class<span style='color:#808030; '>=</span><span style='color:#800000; '>"</span><span style='color:#0000e6; '>adsbygoogle</span><span style='color:#800000; '>"</span> style<span style='color:#808030; '>=</span><span style='color:#800000; '>"</span><span style='color:#0000e6; '>display:inline-block;width:300px;height:250px</span><span style='color:#800000; '>"</span> data<span style='color:#808030; '>-</span>ad<span style='color:#808030; '>-</span>client<span style='color:#808030; '>=</span><span style='color:#800000; '>"</span><span style='color:#0000e6; '>ca-pub-xxxxxxxxxxxxxxxx</span><span style='color:#800000; '>"</span> data<span style='color:#808030; '>-</span>ad<span style='color:#808030; '>-</span>slot<span style='color:#808030; '>=</span><span style='color:#800000; '>"</span><span style='color:#0000e6; '>6440411535</span><span style='color:#800000; '>"</span><span style='color:#808030; '>></span><span style='color:#808030; '><</span><span style='color:#808030; '>/</span>ins<span style='color:#808030; '>></span> <span style='color:#808030; '><</span>script<span style='color:#808030; '>></span> <span style='color:#808030; '>(</span>adsbygoogle <span style='color:#808030; '>=</span> window<span style='color:#808030; '>.</span>adsbygoogle <span style='color:#808030; '>||</span> <span style='color:#808030; '>[</span><span style='color:#808030; '>]</span><span style='color:#808030; '>)</span><span style='color:#808030; '>.</span>push<span style='color:#808030; '>(</span><span style='color:#800080; '>{</span><span style='color:#800080; '>}</span><span style='color:#808030; '>)</span><span style='color:#800080; '>;</span> <span style='color:#808030; '><</span><span style='color:#808030; '>/</span>script<span style='color:#808030; '>></span> |