Cara Menciptakan Halaman Amp Pada Blogger Cuma Di Url Mobile M=1

Cara Membuat Halaman AMP Pada Blogger Hanya Di URL Mobile m=1 – Kalau kita mengguanakan blog AMP, kita bisa menciptakan halaman AMP dengan 2 cara, adalah menciptakan halaman AMP dengan 1 model yang akan tampil di semua perangkat baik desktop, tablet, maupun ponsel, dan yang kedua kita bisa membuat halaman AMP secara terpisah dari halaman canonical.

Contohnya membuat hanya 1 model AMP yang tampil di semua perangkat, adalah mirip yang sering kita temui pada template-template Blogger AMP atau pada template-template Blogger AMP yang kini kita gunakan.

Namun, sekarang pada Blogger juga kita sudah mampu menciptakan halaman AMP yang terpisah dari halaman canonical dengan memanfaatkan URL mobile m=1 pada URL Blogger. Dengan cara ini maka halaman AMP hanya akan tampil pada perangkat mobile saja. Jadi dikala blog di aksese menggunakan desktop, halaman sudah bukan AMP lagi.

Baca juga — Membuat URL Parameter ?amp=1 Kusus Untuk Halaman AMP

Nah, kalau Anda ingin mencobanya, mari kita ikuti caranya berikut ini. Untuk menciptakan halaman AMP pada Blogger hanya pada URL mobile m=1 ini, yang kita butuhkan yakni blog yang pastinya sudah valid AMP. Kemudian kita akan melakukan sedikit perubahan untuk menciptakan halaman AMP hanya pada URL mobile m=1.

1. Yang Pertama

Silahkan cari instruksi mirip ini atau aba-aba yang seperti mirip dibawah ini

 

Jika sudah ketemu, silahkan ganti dengan kode dibawah ini

 

2. Yang Kedua

Silahkan cari aba-aba berikut ini atau instruksi yang seperti seperti berikut ini

 

Kemudian ganti dengan isyarat berikut ini

 





Kemudian, klik Simpan Tema.

Nah, dengan 2 langkah tadi kita telah bisa membuat halaman AMP cuma tampil pada URL mobile m=1 saja. Namun belum selasai, masih di editor HTML.

Walaupun kita sudah menciptakan halaman AMP hanya tampil pada URL mobile m=1 saja, tapi di sini kita tidak perlu melakukan pergeseran pada layout yang sebelumnya pada template blog alasannya adalah element-element AMP tetap akan bekerja pada penampilan desktop meskipun kini sudah bukan menjadi halaman AMP lagi.

Dan untuk menciptakan postingan, walaupun kita sudah melaksanakan perubahan tadi tetapi kita tetap mesti menciptakan artikel dengan format AMP mirip sebelumnya.

Kemudian yang mesti kita kerjakan yakni memaksimalkan iklan Adsense. Kita juga akan membuat iklan Adsense secara terpisah menjadi iklan tampilan desktop dan iklan penampilan AMP kusus di mobile.

Untuk aba-aba iklan performa desktop maka yang harus dipakai adalah isyarat iklan Adsense biasa, dan kode untuk iklan penampilan AMP menggunakan amp-ad.

Yang pertama dikerjakan adalah memisahkan js amp-ad, silahkan cari kode js mirip berikut.

 

Silahkan sesuaikan instruksi google_ad_client sesuai akun Adsense Anda.

Selanjutnya rubah semua slot iklan menjadi seperti dibawah ini.

 







 


Jangan lupa sesuaikan juga kode data-ad-client dan data-ad-slot nya sesuai dengan instruksi iklan Anda.

Klik simpan Tema. Selesai…

Menambahkan parameter pada url menggunakan aba-aba ? – pola: https://warim.blogspot.com/?amp=1.

Lalu untuk menyertakan dua parameter, setipa parameter dipisahkan dengan instruksi & – teladan: https://warim.blogspot.com/?amp=1&m=1. Begitu juga parameter ketiga dan seterusnya mesti di pisah dengan arahan &.

Tinggalkan komentar