Кнопка от твиттер на сайт — кнопка tweet на WordPress и Joomla — плагины tweet.

Привет читатель блога WebMasterMaksim.ru, сегодня я решил написать статью из раздела SMO. Я думаю что все уже знают, что такое SMO — это раскрутка сайта с помощью социальных сетей.

И сегодня статья будет посвящена кнопке твиттер, которую вы сможете установить себе на сайт, и называется такая кнопка retweet.

Я уже рассказывал в статьях:

о полезности таких кнопочек, кстати в кнопки от Яндекса включена кнопка твиттер, но я всеравно у себя на сайте решил установить retweet, так как она более заметна и имеет в себе счетчик.

Зачем нужна кнопка от твиттер — tweet.

Кнопка tweet — это кнопка от сервиса микроблогинга twitter, с помощью которой пользователи твиттера, без особых усилий могут добавить себе в микроблог анонс вашей статьи.

Это понятно! А зачем вебмастеру себе на блог размещать эту кнопку tweet? Что ему это дает?

Вебмастер благодаря этой кнопке, раскручивает свой сайт на полном автомате, ведь если ктото нажимает на кнопку retweet, он совершенно бесплатно публикует анонс статьи у себя в твиттере, а у этого человека может быть много фоловеров (людей что читают-следят за этим человеком) и они уже могут перейти к вам на сайт, а это уже повышение посещаемости, а быть может они еще и подпишуться на вашу rss рассылку (читай статью: примущество Feedburner перед обычной rss)

Кнопка от твиттер на сайт — кнопка tweet на WordPress и Joomla — плагины tweet.

Провожу бесплатное обучение на Форекс
Я ВебМастерМаксим провожу консультирование по заработку на Форекс! Вы с легкостью повторите мой путь! Интересует?
Форекс обучение

То есть, посетители вашего сайта будут постить ссылки на ваши статьи в твиттер, а их друзья могут перейти к вам на сайт.

Для вебмастера который у себя разместит кнопку tweet выгоду видно сразу, и также выгода есть для хозяина микроблога в твиттере, он получает быстрое обновление своего микроблога интересными статьями (в следствии чего, у него может появиться больше фоловеров), так что кнопка от твиттер дает плюсы сразу двум сторонам.

Вот в этом и заключается SMO — раскрутка сайта социальными сетями, то есть к нам на блог будет привлечена новая аудитория с твиттера, а все благодаря кнопке retweet.

Получение кода кнопки tweet и вставка его на сайт.

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

внешний вид кнопки твиттер

Я думаю что с выбором внешнего вида вы справитесь сами, теперь сдесь-же можете перейти на вкладку «Language» — это выбор языка — соответственно выбираем русский, также если хотите во вкладке «tweet text» можно задать текст, это текст будет отображаться в момент ретвита.

Теперь, чуть ниже вы можете наблюдать код кнопки retweet, который вам нужно скопировать и вставить к себе на сайт.

В Joomla я вставил код кнопки tweet, при помощи плагина MultiAds, в статье: Вставка кода баннеров, контекстной рекламы, модулей в любое место статей, я подробно рассказал про это не сложное действие.

В статье ссылку на которую я привел выше, вы можете скачать плагин MultiAds, очень рекомендую так как вам рано или поздно понадобиться вставлять различный код именно в статьи (баннеры, контекстную рекламу, различные кнопочки).

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

Просто код кнопки нужно обрамить вот таким стилями:

<  div style=»float:right; margin-left:5px;»  > код кнопки< /div >

Так советуют многие вебмастера, но это не правильно, конечно кнопка станет как нужно, но стиль прям в теле статьи будет снижать скорость загрузки сайта, вот статьи посвященные ускорению загрузки сайта:

CSS нужно объединять в один файл, для увеличения скорости загрузки сайта.

Правильно нужно будет сделать так, обромить код кнопки tweet:

< div id=»tweetmeme» >код кнопки< /div >

Это мы вставляем в саму статью, а div id=»tweetmeme» дает браузеру понять что нужно искать правило tweetmeme в общем файле CSS.

Для этого вы должны в свой файл CSS добавить следующее:

.tweetmeme {
float : right;
margin-left : 10px;
}

В WordPress заходим в админку > Дизайн > Редактор > вкладка stele.css и это и есть общий файл CSS, куда мы должны вставить код стилей #tweetmeme.

В Joomla вы также заходите в админку > расширения > менеджер шаблонов > выбираете свой шаблон > редактировать CSS > template.css и уже сюда вставляем #tweetmeme.

Не путайте код CSS с кодом самой кнопки tweet.

Кстати в WordPress я вставил код кнопки tweet по аналогии с Joomla, при помощи плагина Post Layout, просто для меня так удобней, чем каждый раз лазить в код шаблона и искать, где я там чтото понавставлял, я все вставляю при помощи специальных плагинов, и благодаря этому у меня все на виду.

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

Ну вот, надеюсь все у всех получилось, это очень легко и просто, а для тех у кого всетаки не получилось вставить код кнопки retweet, то можно воспользоваться специальными плагинами кнопки tweet для WordPress и для Joomla.

Плагины tweet для WordPress.

Итак, выше я дал пошаговую инструкцию как вставить код кнопки tweet, в любой движок без плагинов, я не рекомендую каждому вебмастеру загружать свой сайт различными плагинами, дабы они могут давать лишнею нагрузку на сервер и в результате чего упадет скорость загрузки вашего сайта.

Но всетаки собрал для особых ленивых список плагинов tweet для WordPress, все их вы можете скачать в самом низу статьи:

WP Tweet — плагин добавляет официальную кнопку Tweet Button, о которой я говорил выше, просто обратите внимание, у меня на сайте установлена не официальная кнопка, просто твиттер не так давно выпустил в свет именно свою кнопочку.

BuddyPress Tweet Button — плагин добавит кнопку Твиттера

New Twitter Button — плагин также добавит навую кнопку Tweet на ваш сайт.

WP Tweet Button — здесь все по аналогие, используются все настройки официальной кнопки, о которой я говорил выше.

Twitter Tweet Button — все таже самое, но требует PHP5

Twitter Button — плагин WordPress, с помощью которого вы легко установите себе эту кнопку на блог.

Original Tweet Button Shortcode — простенький плагин добавления кнопки от твиттер

Original Tweet Button — плагин WordPress, без настроек, добавляет кнопку Tweet в конце каждой статьи.

WP-Twitter Retweet Button

TweetButton

Tweet This! Button

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

Плагины Joomla для кнопки твиттера-ретвит.

Я приведу пример плагина для Joomla который дает возможность добавить вам на сайт кнопку Tweet Me, это не официальная кнопка твиттера, но со своими основными функциями она справляется.

Tweet Me — плагин для Joomla, вы можете скачать заполнив поле в низу статьи и вам на почту придут ссылки всех расширений представленных на данном сайте.

Ну на этом все, подписывайтесь на мою rss рассылку.

Понравилась статья?! Жми на кнопку!
  1. 5
  2. 4
  3. 3
  4. 2
  5. 1
(0 голосов, в среднем: 0 из 5)
загрузка...
  • Артур

    А можно ли вставлять код кнопки без всяких плагинов прямо в текст. просто у меня сайт самописный, и я хочу себе такую кнопку сделать в статьях. Можно ли эту кнопку просто вставлять в тело статьи?

  • admin

    Конечно можно, но только замучаетесь, если в каждую статью вставлять вручную!

↑ Получай комментарии на E-MAIL