Tambah Pautan yang boleh Tweet dalam Kandungan Anda dengan InlineTweet.js

Anda akan melihat ciri ini banyak di tapak besar seperti TechCrunch dan Mashable. Anda akan membaca artikel dan notis bahawa keseluruhan ayat adalah diserlahkan seperti pautan.

Namun, apabila anda klik ia akan buka tetingkap tweet meminta anda untuk berkongsi coretan teks dengan pengikut Twitter anda. Ini cara yang bagus untuk memandu trafik ke laman web anda dan menggalakkan lebih banyak saham sosial.

Untuk meniru kesan ini di tapak anda, cuba InlineTweet.js. Ia boleh menjimatkan jam waktu persediaan dengan menambahkan fungsi ini ke halaman anda.

Plugin JavaScript percuma ini sangat mudah dipasang dan ia juga mempunyai plugin WordPress percuma jika anda lebih suka laluan itu.

Ia tidak memerlukan sebarang ketergantungan JavaScript, jadi anda boleh menjalankan sans-jQuery ini.

Semua kerja kandungan secara langsung melalui atribut data, jadi anda akan menetapkan ini satu demi satu, berdasarkan kandungan anda. Sememangnya, plugin Wordpress menjadikannya lebih mudah, jadi jika anda lebih suka mempunyai lebih banyak kawalan ini adalah pilihan yang hebat.

Pada halaman skrip utama, anda akan dapati beberapa coretan kod menunjukkan cara kerja ini.

Anda hanya perlu menyertakan skrip JS ke dalam halaman anda dan menyalin beberapa CSS ke dalam stylesheet anda (hanya 3 blok). Dari sana, anda boleh tambah kod HTML seperti ini:

  Lorem Khaled Ipsum merupakan kunci utama kejayaan  

The hanya item yang diperlukan di sini adalah yang paling atas data-inline-tweet atribut. Ini adalah satu-satunya perkara yang anda perlukan untuk mendapatkan kesan kerja, segala-galanya adalah pilihan.

Tetapi, pilihan tambahan itu membuat perbezaan kerana mereka tambah ciri pada tweet yang dijana secara automatik:

• Data-inline-tweet-via - menambah @mention ke dalam tweet
• Data-inline-tweet-tag - memasukkan tag ke tweet (jika terdapat bilik)
• Data-inline-tweet-url - termasuk URL yang dapat diklik dalam tweet anda

Persediaan boleh menjadi sukar sebab itulah saya cadangkan menggunakan plugin WordPress jika anda boleh.

Tetapi, tidak semua yang buruk jika anda hanya menyalin / menampal kandungan tersebut kepada apa sahaja teks yang anda mahu tweetable. Dan untuk plugin percuma, perkara ini sangat ringan.

Ambil penglihatan di halaman demo untuk melihat tindakan ini dan lihat repo GitHub jika anda ingin mengetahui lebih lanjut.