Кнопки социальных сетей для сайта. Часть 1

Гангстер Твиттер

Добрый вечер, читатели блога Checho.ru!

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

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

«Подопытным кроликом» в данном уроке будет выступать всемирноизвестный микроблоггинг Твиттер. И так приступим к делу.

С начала Вам, как и в любом другом похожем ресурсе, нужно зарегистрироваться. Я предполагаю, что этот шаг Вы уже сделали, если же нет, то необходимо создать учетную запись. Уверяю, это не замет и пяти минут Вашего времени.

1) Идем на twitter.com и заходим в свой аккаунт. Далее у себя слева в сайдбаре нажимаем «Разработчикам«.

Разработчикам в Твиттере

2) Затем, в новом окне, жмем по кнопке «Add Twitter to your website»

Add twitter to your website

3) Далее нажимаете, как показано на рисунку, то есть «Create a button for your website»

Create a button - twitter

4) Идем дальше. Видим перед собой следующее окошко (скриншот кликабелен):

Настройка конпки твитнуть

Здесь остановимся и я расскажу подробно о каждом из пунктов.

1. Вам на выбор дается 4 вида кнопок, каждая из них выполняет разные функции. Нам нужна первая, так как она дает возможность поделится понравившейся статьей в Твиттере.

2. Выбираем «Использовать URL-адрес страницы«. Таким образом кнопка «Твитнуть» будет автоматически определять ссылку на страницу. Если самому прописать URL то кнопка будет пригодна только для одной странице, что нас не устраивает.

3. Здесь также выбираем первый пункт «Использовать название страницы«. То есть когда посетитель захочет оттвитовать Вашу статью, кнопка автоматически определит ее название.

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

5. В поле «Через» ставите свой ник, таким образом постоянно вместе с отретвиченной статьей будет красоваться и Ваш аккаунт в твиттере.

6. В поле «Отметить» рекомендую заполнить. Приведу пример, если Ваш сайт о каком либо виде спорта, то напишите его название «футбол», «баскетбол» и т.п.

7. Язык нужно указывать «Русский«. Здесь без комментариев :)

8. После того как завершили настройку кнопки «Твитнуть» скопируйте код, тот на который показывает стрелка №8.

5)  Далее скопированный код нужно вставить в то место, где вы хотите видеть кнопку. Предположим Вы хотите ее поставить сразу под статьей. Тогда идем в админку WordPress, Внешний вид — Редактор — Одна запись (single.php) и вставляем после этой строчки:

<?php the_content(»,FALSE,»); ?>

После этого кнопка Твитнуть для сайта должна заработать и появится на Вашем сайте. Если же не получилось, тогда спрашивайте в комментариях буду рад помочь :). Кстати, если Вы хотите отследить переходы на сайт с Твиттера, то Вам необходимо установить счетчик liveinternet на сайт.

Ну, а на сегодня у меня все! Как Вы поняли, это лишь первая часть из серии, в следующем посте я расскажу о кнопке от Фейсбука, по этому подписывайтесь на обновления, чтобы не пропустить статью.

Всем удачи, с Вами был Вячеслав Чечотенко!

Видео-эпилог: смешной до слез видеоролик=)

6 мысли о “Кнопки социальных сетей для сайта. Часть 1

  • 21.04.2012 в 19:20
    Permalink

    Расписал все по пунктам. Но просто проще с помощью плагина вставить сразу твиттер, контакт и фейсбук, чем по одной вставлять
    Кстати можете воспользоваться моей услугой по прогону сайта по соц закладкам  http://seostud.ru/seo/besplatnyiy-progon-sayta-po-sotsialnyim-zakladkam.html И можем обменяться ссылками

    Ответить
    • 21.04.2012 в 20:03
      Permalink

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

      Ответить
  • 31.05.2013 в 20:37
    Permalink

    А как избавится от тега <a тоесть ссылки на твиттер? Не очень хочется наставлять на каждой странице ссылку на один и тот же сайт. Это ведь сквозная ссылка и их лучше избегать.

    Ответить

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *