Hayo Project AMP lagi update nih baru-baru ini yang menggunakan template Accelerated Mobile Pages Blogger Template pasti banyak yang mengalami warning dan tidak perlu cemas memang menggunakan template ini harus rajin dan harus sering memperhatikan update karna amp belum sepenuh nya di  rekomendasikan untuk di gunakan kita pengguna amp harus melihat dan selalu harus tahu update terbaru dari project baru ini saya sendiri mengalami 4 warning di versi template saya dan sudah banyak yang saya perbaiki dan cara memperbaiki template amp yang terkena warning adalah sebagai berikut

silakan kamu lihat jenis warn yang kamu dapatkan yang pasti nya ada di bagian </head> karna file JS untuk AMP ada di bagian </head> maka dari itu silakan kamu cek jenis warn nya seperi apa

Pengertian nya adalah sebagai berikut :

Jika kamu menggunakan sosial share hanya di bagian postingan kamu akan mendapatkan warning di bagian halaman depan di karnakan file AMP JS tidak memper bolehkan file JS tersebut  asal di letakan dan kamu harus meletakan file JS tersebut di bagian postingan saja , lalu cara menerapkan file nya seperi ini

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script async='async' custom-element='amp-social-share' src='https://cdn.ampproject.org/v0/amp-social-share-0.1.js'/>
</b:if>

template saya hanya memperlihatkan sosial share di bagian postingan saja jadi coding nya seperti di atas letakan di bagian atas </head>

dan inti nya adalah kamu harus menggunakan Tag conditonal untuk meletakan file js tertentu tidak asal meletakan Karena penggunaan element amp tiap blog berbeda, maka untuk menghindari warning pada AMP validator, penempatan js AMP bisa mengunakan conditional tags. Namun jika element AMP tampil di semua halaman maka pemasangan js-nya tidak perlu pakai conditional tags, seperti untuk amp-analytics.js dan amp-ad.js

mungkin sudah jelas yang pengertian nya jika belum jelas silakan komentar akan saya bantu sampai tuntas warning nya semoga sukses , ini adalah file JS template milik saya

<script async='async' src='https://cdn.ampproject.org/v0.js'/>
<script async='async' custom-element='amp-sidebar' src='https://cdn.ampproject.org/v0/amp-sidebar-0.1.js'/>
<script async='async' custom-element='amp-form' src='https://cdn.ampproject.org/v0/amp-form-0.1.js'/>
<script async='async' custom-element='amp-iframe' src='https://cdn.ampproject.org/v0/amp-iframe-0.1.js'/>
<script async='async' custom-element='amp-image-lightbox' src='https://cdn.ampproject.org/v0/amp-image-lightbox-0.1.js'/>
<script async='async' custom-template='amp-mustache' src='https://cdn.ampproject.org/v0/amp-mustache-0.1.js'/>
<script async='async' custom-element='amp-analytics' src='https://cdn.ampproject.org/v0/amp-analytics-0.1.js'/>
<script async='async' custom-element='amp-ad' src='https://cdn.ampproject.org/v0/amp-ad-0.1.js'/>
<script async='async' custom-element='amp-accordion' src='https://cdn.ampproject.org/v0/amp-accordion-0.1.js'/>
<b:if cond='data:blog.url in {&quot;http://www.feryferlangga.com/2016/10/tutorial-cara-embed-video-youtube-amp.html&quot;}'>
<script async='async' custom-element='amp-youtube' src='https://cdn.ampproject.org/v0/amp-youtube-0.1.js'/>
</b:if>
<b:if cond='data:blog.isMobileRequest == &quot;true&quot;'>
<script async='async' custom-element='amp-sidebar' src='https://cdn.ampproject.org/v0/amp-sidebar-0.1.js'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script async='async' custom-element='amp-social-share' src='https://cdn.ampproject.org/v0/amp-social-share-0.1.js'/>
</b:if>

Link yang berwarba kuning di atas adalah postingan yang menggunakan Video youtube dan saya berikan conditional tag di postingan nya ingat modifikasi dan letakan di bagian </head>


Demikianlah Artikel Mengatasi Warning Di Template AMP Blogger

Sekian Mengatasi Warning Di Template AMP Blogger, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, jangan Lupa di share dan comment.

Anda sedang membaca artikel Mengatasi Warning Di Template AMP Blogger dan artikel ini url permalinknya adalah http://www.feryferlangga.com/2017/01/template-blogger-warning.html Semoga artikel ini bisa bermanfaat.

Share this:

Reaksi:

Show Disqus Comment Hide Disqus Comment

Disqus Comments