Lik Sod Seorang blogger pemula. Suka berbagi hal-hal yang diketahui dan dianggap perlu. Motto hidupnya dalah: sekecil apapun, hidup harus memberi manfaat. Blog ini adalah upaya memberi manfaat kepada orang lain melalui blog.

Meletakkan Adsense di Sidebar AMP Blogspot

meletakkan-adsense-di-sidebar-amp-blogspot

Adsense di Sidebar AMP Blogspot valid AMP.  Meletakkan iklan Adsense di sidebar AMP blogspot bisa dikatakan gampang  gampang susah. Disebut mudah karena sekedar memanfaatkan sidebar di blogspot.  Sedangkan disebut susah karena ternyata tidak sekedar sidebar >> Tambahkan Gadget >> HTML/JavaScript >> letakkan script  Adsense >> Simpan dan kemudian muncul tayangan iklannya. Ternyata tidak demikian. Meski telah mencoba berkali-kali, iklan adsense tetap saja tidak muncul.

Itu terjadi sebelum mendapatkan pencerahan. Setelah mendapatkan pencerahan dari blog KompiAjaib, barulah ngeh… dan tahu cara yang benar untuk meletakkan adsense di sidebar blogspot AMP. Dan keinginan untuk menampilkan adsense di sidebar blogger akhirnya kesampaian.

Adsense di Sidebar AMP Blogspot Sedikit Ribet

Template AMP Blogger banyak yang mengatakan cukup ribet. Diperlukan sedikit lebih banyak kemampuan dari biasanya dalam pemahaman HTML yang digunakan sebelum mulai menggunakannya. Hal itu wajar mengingat template Blogger AMP ada perbedaan dengan template HTML Blogger yang sudah familar digunakan. Dan template blogspot biasa tidak bisa digunakan pada template AMP. Jika dipaksakan maka akan menjadi error atau biasa disebut dengan tidak valid AMP.

Termasuk dalam hal ini adalah menyimpan script iklan di sidebar AMP Blogspot. Jika begitu saja kita meletakkan script adsense untuk template blogspot biasa di template blogspot AMP, sudah pasti ada pesan tidak valid AMP. Untuk bisa meletakkan adsense di sidebar AMP Blogspot, dibutuhkan sedikit modifikasi.

Meski mengalami sedikit kesulitan saat ingin menyimpan script adsense di sidebar blogger AMP,  tetap ada sisi baiknya. Dengan dibuat berbeda dalam penggunaan template AMP Blogger, kita bisa belajar membuat blog dan postingan dengan benar. Paling tidak kita jadi tahu untuk tidak menggunakan CSS inline yang justru bisa memperlambat loading blog.

Baca juga: Plugin AMP Resmi WordPress

Sedikit ribet dalam menyimpan script adsense di blogspot juga terjadi  jika kita memakai template Blogger AMP hanya di URL mobile. Kesulitannya terletak pada keharusan meletakkan script iklan Adsense dalam 2 format. Satu format adsense menggunakan script untuk template blogspot biasa dan script untuk template AMP.

Dalam artikel ini, admin ini12.com akan berbagai script adsense yang bisa dipasang di sidebar template AMP blogspot untuk URL mobile, tablet dan smartphone, dan juga untuk template blogspot biasa. Script yang termuat di dalamnya sudah support dengan dua jenis template blogger tersebut. Sehingga hasilnya akan valid AMP.

Script Adsense di Sidebar AMP Blogspot Valid AMP

Agar valid AMP setelah menyimpan script Adsense di sidebar AMP blogspot, silahkan rekan-rekan copy kode di bawah ini dan simpan dalam widget di sidebar melalui EDIT HTML template.

Baca juga: Jurusan Paling Mudah Dapat Kerja

Caranya: 1. buat dulu sidebarnya. 2. Buka Edir HTML template 3. Cara widget yang baru saja dibuat 4. Ganti script widget tersebut dengan script di bawah ini.

[sourcecode language=”plain”]
<b:widget id=’HTML123′ locked=’false’ title=” type=’HTML’ version=’1′>
<b:widget-settings>
<b:widget-setting name=’content’><![CDATA[<!–iklan–>]]></b:widget-setting>
</b:widget-settings>
<b:includable id=’main’>
<!– only display title if it’s non-empty –>
<b:if cond=’data:title != &quot;&quot;’>

<h2 class=’title’><data:title/></h2>

</b:if>

<div class=’widget-content’>
<data:content/>
<b:if cond=’data:blog.pageType not in {&quot;static_page&quot;} and data:blog.isMobileRequest == &quot;false&quot; and not data:blog.searchQuery’>
<ins class=’adsbygoogle’ data-ad-client=’ca-pub-xxxxxxxxxxxxxxx’ data-ad-format=’rectangle’ data-ad-slot=’xxxxxxxxx’ style=’display:block’/>
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-wp-preserve="%3Cscript%3E%0A(adsbygoogle%20%3D%20window.adsbygoogle%20%7C%7C%20%5B%5D).push(%7B%7D)%3B%0A%3C%2Fscript%3E" data-mce-resize="false" data-mce-placeholder="1" class="mce-object" width="20" height="20" alt="&lt;script&gt;" title="&lt;script&gt;" />
</b:if>
<b:if cond=’data:blog.pageType not in {&quot;static_page&quot;} and data:blog.isMobileRequest == &quot;true&quot; and not data:blog.searchQuery’>
<amp-ad data-ad-client=’ca-pub-xxxxxxxxxxxxxxx’ data-ad-slot=’xxxxxxxxx’ data-auto-format=’rspv’ data-full-width=” height=’320′ media='(max-width: 736px)’ type=’adsense’ width=’100vw’>

<div overflow=”/>
</amp-ad>
</b:if>
</div>

</b:includable>
</b:widget>
[/sourcecode]

Script kode tersebut di atas akan menampilkan iklan adsense seperti biasa pada tampilan desktop dan juga iklan adsense AMP khusus mobile. Rekan-rekan tinggal mengganti xxxxxxxxx data-ad-client dan data-ad-slot dengan script adsense yang rekan miliki. Adsense yang muncul dari kode di atas adalah unit iklan text and gambar responsive.

Demikian informasi seputar meletakkan kode iklan Adsense di Sidebar AMP Blogspot valid AMP.

Lik Sod Seorang blogger pemula. Suka berbagi hal-hal yang diketahui dan dianggap perlu. Motto hidupnya dalah: sekecil apapun, hidup harus memberi manfaat. Blog ini adalah upaya memberi manfaat kepada orang lain melalui blog.

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *