Tambahkan Tautan Tweetable di Konten Anda dengan InlineTweet.js

Anda akan melihat fitur ini banyak di situs-situs besar seperti TechCrunch dan Mashable. Anda akan membaca artikel dan memperhatikan bahwa seluruh kalimatnya adalah disorot seperti tautan.

Namun, ketika Anda mengkliknya akan buka jendela tweet meminta Anda untuk membagikan cuplikan teks itu dengan pengikut Twitter Anda. Ini cara yang bagus untuk melakukannya mengarahkan lalu lintas ke situs Anda dan mendorong lebih banyak bagian sosial.

Untuk meniru efek ini di situs Anda, coba InlineTweet.js. Ini dapat menghemat waktu pengaturan jam dengan menambahkan fungsionalitas ini langsung ke halaman Anda.

Plugin JavaScript gratis ini sangat mudah dipasang dan bahkan memiliki Plugin WordPress gratis jika Anda lebih suka rute itu.

Saya t tidak memerlukan dependensi JavaScript apa pun, jadi kamu bisa menjalankan sans-jQuery ini.

Semua konten berfungsi langsung melalui atribut data, jadi Anda akan mengatur ini satu per satu, berdasarkan konten Anda. Tentu saja, plugin WordPress membuat ini jauh lebih mudah, jadi jika Anda lebih suka memiliki lebih banyak kontrol, ini adalah pilihan yang bagus.

Pada halaman skrip utama, Anda akan menemukan beberapa cuplikan kode memperagakan cara kerjanya.

Anda hanya perlu memasukkan skrip JS ke halaman Anda dan menyalin beberapa CSS ke stylesheet Anda (hanya 3 blok). Dari sana, kamu bisa tambahkan kode HTML seperti ini:

  Lorem Khaled Ipsum adalah kunci utama menuju kesuksesan  

Itu hanya item yang diperlukan di sini adalah yang paling atas data-inline-tweet atribut. Ini adalah satu-satunya hal yang Anda perlukan agar efeknya bekerja, yang lainnya opsional.

Tetapi, opsi-opsi tambahan itu membuat perbedaan karena mereka menambahkan fitur ke tweet yang dibuat secara otomatis:

• Data-inline-tweet-via - menambahkan @ sebutan ke dalam tweet
• Data-inline-tweet-tag - menambahkan tag ke tweet (jika ada ruang)
• Data-inline-tweet-url - termasuk URL yang dapat diklik dalam tweet Anda

Pengaturannya bisa sulit karena itu saya sarankan menggunakan plugin WordPress jika Anda bisa.

Tapi, itu tidak terlalu buruk jika Anda hanya menyalin / menempelkan konten ke teks apa pun yang Anda ingin tweetable. Dan untuk plugin gratis, hal ini sangat ringan.

Mengintip halaman demo untuk melihat ini dalam tindakan dan melihat ke dalam repo GitHub jika Anda ingin mempelajari lebih lanjut.