Как поставить кнопку Твитнуть без плагина?

Социальные сети с каждым днем становятся более популярными. В социальных сетях общается ежедневно порядка 40 миллионов человек. По статистике каждый второй пользователь интернета использует соцсети для общения, каждый пятый находит в них работу. А блогеры могут использовать соцсети для продвижения своего блога, сайта, так как молодые блоги получают большую часть посетителей именно из социальных сетей (и не только молодые), анонсируя свои новые статьи. Благодаря этим анонсам блог получает не только посетителей, но и дополнительные внешние ссылки.

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

Начну с кнопочки «Твитнуть». Я расскажу как ее поставить без плагина (так как плагины нагружают сайт). Сделать это не сложно. Я записала видео, что бы нагляднее показать весь процесс.

@brooks 

1. Создать аккаунт разработчика на Twitter и создать приложение.
2. Получить ключи доступа (API key и API secret key) и токены доступа (access token и access token secret).
3. Добавить в HTML-код кнопку Твитнуть с ссылкой на скрипт, который будет обрабатывать нажатие на кнопку:

1

<a href="javascript:;" onclick="tweet()">Твитнуть</a>

1. Написать JavaScript-функцию tweet(), которая будет открывать окно для написания твита:

1
2
3
4
5
6
7

function tweet() {
  var url = 'https://twitter.com/intent/tweet';
  var text = encodeURIComponent('Текст твита');
  var hashtags = encodeURIComponent('hashtag1,hashtag2');
  var via = encodeURIComponent('twitter_username');
  window.open(url + '?text=' + text + '&hashtags=' + hashtags + '&via=' + via, '_blank');
}

В этой функции используется ссылка на страницу Twitter для написания твита (https://twitter.com/intent/tweet) и параметры, которые передаются в эту ссылку:

• text - текст твита (можно изменить на любой другой);
• hashtags - хэштеги, которые будут добавлены к твиту (через запятую, без пробелов);
• via - имя пользователя Twitter, который будет указан в твите.

1. Стилизовать кнопку под свой дизайн.