Merubah Paramater AMP Blogger dari m=1 Menjadi amp=1
Template yang saya pada blog ini saya namain dengan Alinux AMP di mana ada beberapa pengunjung yang "sadar" bahwa URL untuk halaman valid AMP saya menggunakan parameter ?amp=1, bukan ?m=1 .
blog trik sonic.
Selanjutnya, kita akan mengatur canonical untuk halaman utama dan halaman khusus AMP HTML.
Cari kode seperti di bawah ini
<b:if cond='data:blog.isMobileRequest == "false"'> <link expr:href='data:blog.url' rel='canonical'/> <link expr:href='data:blog.url + "?m=1"' rel='amphtml'/> </b:if> <b:if cond='data:blog.isMobileRequest == "true"'> <link expr:href='data:blog.url' rel='canonical'/> </b:if>
Atau jika tidak ditemukan, cari saja bagian canonical seperti:
<link expr:href='data:blog.url' rel='canonical'/>
Hapus kode tersebut, dan ganti dengan yang sudah saya buatkan di bawah ini:
<b:if cond='data:view.url != data:view.url params { amp: "1" }'> <link expr:href='data:blog.canonicalUrl' rel='canonical'/> <link expr:href='data:blog.canonicalUrl + "?amp=1"' rel='amphtml'/> </b:if> <b:if cond='data:view.url == data:view.url params { amp: "1" }'> <link expr:href='data:blog.canonicalUrl' rel='canonical'/> </b:if>
AMP Perkenalkan amp-script untuk input JavaScript di Web AMP
Sampai disini, proses sebenarnya sudah selesai. Tap jika sebelumnya anda menggunakan parameter m=1 untuk halaman khusus AMP HTML, maka anda harus mengikuti langkah berikut ini karena biasanya akan terjadi sedikit error.
Merubah m=1 menjadi amp=1
Cari semua kode tag blogger untuk mobile m=1 seperti di bawah ini:
<b:if cond='data:blog.isMobileRequest == "true"'>
Kemudian ganti dengan:
<b:if cond='data:view.url == data:view.url params { amp: "1" }'>
Selanjutnya, cari kode:
<b:if cond='data:blog.isMobileRequest == "false"'>
dan ubah menjadi
<b:if cond='data:view.url != data:view.url params { amp: "1" }'>
Menampilkan Element di Halaman AMP saja
Untuk menampilkan semua elemen ataupun widget hanya di halaman AMP HTML saja, maka anda hanya perlu membungkusnya dengan tag conditioal amp tersebut. Contoh:
<b:if cond='data:view.url == data:view.url params { amp: "1" }'> <!-- Contents --> </b:if>
Jika ingin menampilkan element di selain halaman AMP, gunakan tag conditional ini:
<b:if cond='data:view.url != data:view.url params { amp: "1" }'> <!-- Contents --> </b:if>
Semoga bermanfaat :)