Добавьте Tweetable Ссылки в свой контент с InlineTweet.js

Вы увидите эту функцию много на больших сайтах, таких как TechCrunch и Mashable. Вы будете читать статью и заметите, что все предложение выделено как ссылка.

Тем не менее, когда вы нажмете это будет откройте окно твита просим вас поделиться этим фрагментом текста с вашими подписчиками в Twitter. Это отличный способ привлечь трафик на ваш сайт и поощрять больше социальных акций.

Чтобы повторить этот эффект на вашем сайте, попробуйте InlineTweet.js. Это может сэкономить часы на настройку, добавив эту функцию прямо на вашу страницу.

Этот бесплатный плагин JavaScript очень прост в установке и даже имеет бесплатный плагин для WordPress если вы предпочитаете этот маршрут.

Это не требует никаких зависимостей JavaScript, так что вы можете запустить этот Sans-JQuery.

Весь контент работает непосредственно через атрибуты данных, так что вы должны настроить их один за другим, основываясь на вашем контенте. Естественно, плагин WordPress делает это намного проще, поэтому, если вы предпочитаете иметь больше контроля, это отличный вариант.

На главной странице сценария вы найдете несколько фрагментов кода демонстрируя, как это работает.

Вам просто нужно включить скрипт JS на свою страницу и скопировать немного CSS в таблицу стилей (всего 3 блока). Оттуда вы можете добавить HTML коды как это:

  Lorem Khaled Ipsum - главный ключ к успеху  

только обязательный элемент вот самый верх данных рядный твит приписывать. Это единственное, что вам нужно, чтобы эффект работал, все остальное необязательно.

Но эти дополнительные опции имеют значение, потому что они добавить функции в автоматически сгенерированный твит:

• Data-рядный твит-через - добавляет @mention в твит
• Data-рядный Чирикать-теги - добавляет теги к твиту (если есть место)
• Data-рядный твит-URL - включает кликабельный URL в твит

Установка может быть сложной, поэтому я рекомендую использовать плагин WordPress, если вы можете.

Но это не так уж и плохо, если вы просто копируете / вставляете содержимое в любой текст, который хотите переписать. И для бесплатного плагина эта вещь очень легкая.

Загляните на демонстрационную страницу, чтобы увидеть это в действии, и загляните в репозиторий GitHub, если хотите узнать больше.