Cara menginstal tombol AddThis Inline Share di AMP

Pelajari cara memasang Tombol Bagikan Inline Ini di situs AMP Anda dengan cara yang mudah dan aman dengan beberapa langkah mudah.

AddThis Inline Share Buttons tersedia untuk digunakan dalam AMP. Permudah pengguna yang mengunjungi blog Anda untuk membagikan konten Anda berkat tombol sosial. Izinkan pengunjung Anda untuk terhubung langsung ke lebih dari 200 jejaring sosial, termasuk Google+, Facebook, Twitter, WhatsApp, dan lainnya.

Jika Anda sudah menggunakan Anda dapat mengikuti petunjuk untuk menambahkan skrip AddThis baru untuk menampilkan tombol untuk membagikan "artikel" tulisan Anda di jejaring sosial.

Kami mulai

Sebelum melakukan tutorial dianjurkan bahwa Anda membuat cadangan blog Anda jika terjadi kesalahan

Langkah 1.- Anda harus membuat account AddThis
https://www.addthis.com/register

Membuat akun adalah AddThis -benar gratis dan memungkinkan Anda untuk mengakses seluruh set alat di website, serta laporan analisis rinci untuk lebih memahami lalu lintas sosial ke situs Anda.

Langkah 2.-Pergi ke panel kontrol Anda dan sesuaikan tombol Bagikan Anda (AMP saat ini hanya mendukung tombol berbagi INLINE)



Langkah 3.- Pilih INLINE


Langkah 4.- Klik Lanjutkan


Langkah 5.- ASekarang ini akan menunjukkan Anda jendela berikutnya


Langkah 6.- Sesuaikan tombol Anda untuk berbagi sesuai dengan keinginan Anda, lalu tekan "Activate tool".


Langkah 7.- Tunjukkan jendela selanjutnya


Langkah 8.- Aktifkan tempat AMP


Langkah 9.- Salin skrip


Skrip untuk menggunakannya di Blogger adalah sebagai berikut:

<script async='async' custom-element="amp-addthis" src="https://cdn.ampproject.org/v0/amp-addthis-0.1.js"></script>


Catatan: Simpan kode untuk melanjutkan memasukkannya di Blogger nanti

Langkah 10.- Sekarang salin kode kedua yang dihasilkan oleh AddThis

Example:


Langkah 11.- Instal dua kode yang dihasilkan oleh AddThis di Blogger

Langkah 12.- Satu klik di Topik


Langkah 13.- Klik pada Edit html


Langkah 14.- Carilah kode berikut

body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>


Langkah 15.- Masukkan skrip AddThis dengan bersyarat tepat setelah kode yang Anda temukan

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


Contoh:


Langkah 16.- Carilah kode berikut

<div class='post hentry'>


Langkah 17.- Masukkan kode berikut dengan bersyarat tepat setelah kode yang Anda temukan

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<amp-addthis
            height='92'
            layout='flex-item'
            data-pub-id="ra-5b65d2e7bf922f8d"
            data-widget-id="spio">
</amp-addthis>
</b:if>


Membuat perubahan berikut:

Mengubah dua ID yang encuentram di jalur

            data-pub-id="ra-5b65d2e7bf922f8d"
            data-widget-id="spio"

Ganti ID: ra-5b65d2e7bf922f8d

Ganti ID: spio

harus mengganti oleh ID kode AddThis Anda

Contoh:


Langkah 18.- Klik pada Simpan Tema

Kunjungi blog Anda

Ada pertanyaan!

Anda butuh bantuan?

Semoga anda senang