Додати Tweetable посилання на ваш контент з InlineTweet.js
Ви побачите цю функцію на великих сайтах, таких як TechCrunch та Mashable. Ви будете читати статтю і помітите, що ціле речення виділено як посилання.
Тим не менш, коли ви клацаєте це, ви відкрийте вікно твітів просити вас поділитися текстовим фрагментом зі своїми послідовниками Twitter. Це відмінний спосіб залучити трафік на ваш сайт і заохочувати більше соціальних акцій.
Щоб повторити цей ефект на своєму сайті, спробуйте InlineTweet.js. Це допоможе вам заощадити час налаштування, додавши цю функціональність прямо на сторінку.
Цей безкоштовний додаток JavaScript дуже простий в установці, і він навіть має безкоштовний плагін WordPress якщо ви віддаєте перевагу цьому маршруту.
Це не вимагає залежностей JavaScript, так що ви можете запустити цей sans-jQuery.
Весь вміст працює безпосередньо через атрибути даних, щоб ви встановлювали їх один за одним, на основі вашого вмісту. Природно, що плагін WordPress робить це набагато простіше, тому, якщо ви віддаєте перевагу більш контролю, це відмінний варіант.
На головній сторінці сценарію ви знайдете кілька фрагментів коду демонструючи, як це працює.
Вам потрібно лише включити скрипт JS у вашу сторінку і скопіювати якийсь CSS у таблицю стилів (лише 3 блоки). Звідти можна додавати HTML-коди подобається це:
Лорем Халед Іпсум є основним ключем до успіху The тільки необхідний елемент ось саме вершина data-inline-tweet атрибут. Це єдине, що вам потрібно, щоб отримати ефект, все інше є необов'язковим.
Але, ці додаткові параметри роблять різницю тому, що вони додайте функції до автоматичного твіту:
Data-inline-tweet-via- додає @mention у твітData-inline-tweet-теги- додає теги до твітів (якщо є місце)Data-inline-tweet-url- включає в себе URL, який можна клікнути в твіті
Налаштування може бути важким, тому я рекомендую використовувати плагін WordPress, якщо це можливо.
Але, це не все так погано, якщо ви просто скопіювати / вставити вміст до будь-якого тексту ви хочете tweetable. А для безкоштовного плагіна ця річ дуже легка.
Загляньте на демонстраційну сторінку, щоб побачити це в дії, і загляньте в репо GitHub, якщо хочете дізнатися більше.
