Komponen AMP Bisa Dipakai Di Halaman Non AMP

Elemen AMP dapat digunakan di halaman non-AMP . Berbeda dengan library JQuery pada halaman non-AMP yang kita kenal selama ini, AMP memiliki library inti yang mirip dengan Jquery. Pustaka inti ini harus ada di halaman AMP agar semua komponen berfungsi.

Dan setiap komponen juga memiliki ekstensi kustom atau elemen kustom yang perlu disertakan saat komponen ditempatkan pada halaman agar dapat berfungsi dengan baik. Ini membuat produksi bahan menjadi sederhana dan mudah.

Elemen AMP cukup bervariasi dan cukup menarik dan ternyata bisa digunakan pada halaman non-AMP.

Jika Anda menjalankan blog non-AMP, Anda dapat menggunakan komponen AMP jika Anda mau.

Misalnya saya ingin menggunakan AMP yang saya bagikan di atas . Anda dapat menyematkan scrolling AMP di blog non-AMP Anda.

Hal penting yang harus dilakukan saat menempatkan komponen AMP di halaman non-AMP adalah menempatkan library ini di atas kode Anda.

Setelah itu cukup ikuti panduan tandai mereka di atas kode untuk elemen js individu , untuk CSS, ikuti panduannya, simpan style blognya, dll.

Ini berlaku untuk semua penempatan komponen AMP di halaman non-AMP, serta halaman AMP. tampilkan sembunyikan dll. AMP juga berlaku untuk penggunaan transaksi .

Untuk menggunakan komponen AMP yang menggunakan js kustom untuk komponen tersebut, pastikan Anda menempatkan komponen JS di atas kode Anda. Mirip dengan library AMP JS yang disebutkan di atas. Misalnya, jika Anda ingin menggunakan amp-image-slider , instal JS sebagai berikut:

Sebagai demonstrasi, saya menggulir halaman AMP non-AMP di JSFiddle di bawah ini.

Catatan : Sebenarnya tidak ada pernyataan resmi dari Google sebagai pengembang AMP tentang penggunaan elemen/komponen AMP pada halaman non-AMP ini, ini berdasarkan pengalaman saya.

Selamat mencoba dan saya harap ini membantu.