AMP

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>

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.
  • Mengambang: data-widget-type="floating"
  • Inline: data-widget-type="inline"
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

  1. 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.
  2. Buka dasbor dan sesuaikan Tombol Berbagi Anda (saat ini AMP hanya mendukung Tombol Berbagi jenis Mengambang & Inline).
  3. Sesuaikan tombol berbagi sesuai keinginan Anda, lalu tekan “activate tool”. Tindakan ini akan mengalihkan Anda ke halaman Get The Code.
  4. 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.

Perlu bantuan lainnya?

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