amp-addthis
Description
Displays an AddThis website tools embed.
Required Scripts
<script async custom-element="amp-addthis" src="https://cdn.ampproject.org/v0/amp-addthis-0.1.js"></script>
Supported Layouts
Contoh
Menampilkan sematan fitur situs AddThis.
| Skrip yang Diperlukan | <script async custom-element="amp-addthis" src="https://cdn.ampproject.org/v0/amp-addthis-0.1.js"></script> |
| Tata Letak yang Didukung | fill, fixed, fixed-height, flex-item, nodisplay, responsive |
Mengapa AddThis?
Komponen amp-addthis menyediakan tombol berbagi yang simpel dan cantik. Permudah pengunjung situs Anda untuk membagikan konten ke lebih dari 200 saluran sosial termasuk Messenger, WhatsApp, Facebook, Twitter, Pinterest, dan banyak lagi.
AddThis dipercaya oleh lebih dari 15.000.000 situs dengan lebih dari 2 miliar pengguna unik, yang membagikan konten ke seluruh dunia, dalam lebih dari 60 bahasa.
Tombol Berbagi
Mengambang
Ditempatkan di samping, di atas, atau di bawah halaman, mengikuti gerakan scroll pembaca. Cara terbaik untuk mempromosikan fitur berbagi dengan cara yang tidak terlalu mencolok.
Contoh:
<!--
This example uses a placeholder pubId.
Please replace the pubId value with your own after
creating an account on https://www.addthis.com/dashboard.
-->
<amp-addthis
width="320"
height="92"
layout="responsive"
data-pub-id="ra-5c191331410932ff"
data-widget-id="957l"
data-widget-type="floating">
</amp-addthis>
Inline
Integrasikan tombol berbagi ke dalam konten Anda untuk memberikan pengalaman berbagi yang lancar.
Contoh:
<!--
This example uses a placeholder pubId.
Please replace the pubId value with your own after
creating an account on https://www.addthis.com/dashboard.
-->
<amp-addthis
width="320"
height="92"
data-pub-id="ra-5c191331410932ff"
data-widget-id="mv93"
data-widget-type="inline">
</amp-addthis>
Atribut
| data-pub-id | ID penerbit AddThis yang ada dalam URL di dasbor AddThis setelah login. Misalnya, dalam URL https://www.addthis.com/dashboard#gallery/pub/ra-5c191331410932ff, ID penerbitnya adalah ra-5c191331410932ff. |
| data-widget-id | ID widget AddThis untuk fitur yang akan ditampilkan, juga terletak di dasbor AddThis. ID widget untuk fitur tertentu dapat ditemukan dengan membuka fitur tersebut di dasbor AddThis dan menyalin bagian terakhir URL. Misalnya, dalam URL https://www.addthis.com/dashboard#tool-config/pub/ra-5c191331410932ff/widgetId/957l, ID widget-nya adalah 957l. |
| data-widget-type | Atribut yang menjelaskan jenis widget.
|
| data-title | Opsional. Jika ditetapkan, atribut ini adalah judul yang akan dicoba bagikan oleh fitur AddThis saat berbagi dilakukan. Jika tidak ditetapkan, judul dokumen yang memuat tag amp-addthis akan digunakan. |
| data-url | Opsional. Jika ditetapkan, atribut ini adalah URL yang akan dicoba bagikan oleh fitur AddThis saat berbagi dilakukan. Jika tidak ditetapkan, properti location.href dari dokumen yang memuat tag amp-addthis akan digunakan. |
| data-media | Opsional. Jika ditetapkan, atribut ini adalah URL untuk media (mis., gambar atau video) yang akan dicoba bagikan oleh fitur AddThis saat berbagi dilakukan. Jika tidak ditetapkan, atribut ini akan dibiarkan ada adanya. |
| data-description | Opsional. Jika ditetapkan, atribut ini adalah deskripsi halaman yang akan dicoba bagikan oleh fitur AddThis saat berbagi dilakukan. Jika tidak ditetapkan, atribut ini akan dibiarkan ada adanya. |
Dokumentasi Penerapan
- Jika belum memiliki akun AddThis, Anda perlu membuatnya di https://www.addthis.com/register. Akun AddThis sepenuhnya gratis dan dapat Anda gunakan untuk mengakses seluruh rangkaian fitur situs serta laporan analisis mendalam kami untuk memahami traffic media sosial situs Anda dengan lebih baik.
- Buka dasbor dan sesuaikan Tombol Berbagi Anda (saat ini AMP hanya mendukung Tombol Berbagi jenis Mengambang & Inline).
- Sesuaikan tombol berbagi sesuai keinginan Anda, lalu tekan “activate tool”. Tindakan ini akan mengalihkan Anda ke halaman Get The Code.
- Terakhir, copy-paste kode inline ke dalam isi halaman tempat Anda ingin menampilkan tombol berbagi. Untuk Tombol Berbagi Mengambang, Anda dapat menempatkan kode ini di mana saja di dalam isi karena tombol akan otomatis muncul di sisi kiri atau kanan layar, tergantung di mana Anda mengatur posisi Tombol Berbagi pada setelan fitur.
Dan selesai! Anda akan melihat tombol berbagi di halaman Anda!
Lihat video YouTube kami untuk mendapatkan petunjuk langkah demi langkah:
Validasi
Lihat aturan amp-addthis dalam spesifikasi validator AMP.
Privasi
http://www.addthis.com/privacy/privacy-policy/
AddThis Tools dan AddThis Toolbar mengumpulkan informasi dari perangkat yang digunakan oleh Pengguna Akhir untuk berinteraksi dengan Situs Penerbit atau oleh Pengguna Toolbar untuk berinteraksi dengan AddThis Toolbar (“Data AddThis”).
Data AddThis dapat terdiri dari berikut ini:
- Alamat Internet Protocol (IP), ID Periklanan Seluler (MAID) (yang dapat digunakan oleh developer aplikasi seluler untuk mengidentifikasi siapa yang menggunakan aplikasi seluler mereka), ID aplikasi seluler, jenis browser, bahasa browser, jenis sistem operasi, serta tanggal dan waktu Pengguna Akhir mengunjungi Situs Penerbit atau Toolbar
- Pengguna yang menggunakan Toolbar;
- Perilaku di Situs Penerbit, seperti berapa lama Pengguna Akhir mengunjungi Situs Penerbit, perilaku berbagi Pengguna Akhir untuk Konten yang ada di Situs Penerbit, dan perilaku scroll Pengguna Akhir di Situs Penerbit;
- URL perujuk dan penelusuran web yang digunakan Pengguna Akhir untuk menemukan dan menavigasi ke Situs Penerbit;
- Kata kunci yang dimasukkan ke dalam fungsi penelusuran AddThis Toolbar, dan apakah dan kapan Pengguna Toolbar mendownload, menginstal, atau meng-uninstal AddThis Toolbar;
- Informasi mengenai seberapa sering Pengguna Akhir menggunakan AddThis Tools dan seberapa sering Pengguna Toolbar menggunakan AddThis Toolbar; dan
- Data geolokasi yang diambil dari Alamat IP Pengguna Akhir dan Pengguna Toolbar.
Data AddThis akan diperlakukan sebagai informasi pribadi sejauh yang diwajibkan berdasarkan undang-undang yang berlaku. Sesuai Persyaratan Layanan AddThis, penerbit diwajibkan memperoleh semua persetujuan dan otorisasi Pengguna Akhir yang diperlukan, dan menyampaikan semua pemberitahuan wajib terkait penyediaan Data AddThis yang dikumpulkan dari Pengguna Akhir ke Oracle.
Dukungan
Jika Anda memiliki pertanyaan atau memerlukan bantuan dalam menerapkan AddThis di AMP, hubungi tim dukungan kami yang luar biasa dengan mengirimkan tiket di sini atau dengan mengirim email ke help@addthis.com.
Anda telah membaca dokumen ini belasan kali, tetapi belum semua pertanyaan Anda terjawab? Mungkin orang lain merasakan hal yang sama. Berinteraksilah dengan mereka di Stack Overflow.
Kunjungi Stack Overflow Menemukan bug atau ada fitur yang kurang?Proyek AMP sangat menganjurkan partisipasi dan kontribusi Anda! Kami berharap Anda akan terus ambil bagian dalam komunitas sumber terbuka kami, tetapi kami juga menerima kontribusi satu kali untuk topik tertentu yang Anda minati.
Kunjungi GitHub