• Twitter
  • rss
  • flickr
  • Вконтакте
  • youtube
  • facebook

Підключайся!

Як встановити кнопку Like (Facebook) та Tweet (Twitter) на свій сайт

Рубрика : інет

Я стриманно ставлюся до соціальних мереж. Не люблю Вконтакті (але користуюсь). Трохи більше як пів року тому відкрив для себе Facebook і Twitter. Фейсбук поки використовую для експериментів і для переписки з колишніми одногрупниками та родиною, які знаходяться за кордоном. Твіттер реально мені сподобався і там торчу постійно. Твіттер – це як пульс інтернету. Вконтакті це плагіат Фейсбука і використовую його для прослуховування музики та перегляду відео. Якби там видалили весь піратський контент, то, мабуть, перестав би той Вконтакт взагалі використовувати.

Людей, які сидять в соціальних мережах, є дуже багато і гріх не використовувати можливості примноження трафіку для своїх сайтів з соціалок. Я кілька днів проекспериментував і бачу дієвість використання в англомовному інеті. Хтось з США лайкнув статтю з мого англ. сайту і трафік з Фейсбука відразу ринув нормально.

Вся суть статті цієї в тому, що хочу показати вам як встановити кнопку Фейсбука і Твіттера на свій блог. Навіщо? — неважко здогадатися.

Установка кнопки Tweet від Twitter - installation Tweet buttonУстановка кнопки Tweet від Twitter – дасть можливість читачам блогу твітити у свою стрічку анонс вашої статті (тайтл + посилання). Є багато плагінів і сервісів для виведення кнопки, але я вважаю доцільним ставити кнопку від першоджерела. Зайдіть на цю сторінку і згенеруйте код кнопки, там є різні на вибір. Якщо потрібна така як в мене на цьому блозі, то ось код:

<script src=”http://platform.twitter.com/widgets.js” type=”text/javascript”></script>
<a href=”http://twitter.com/share” rel=”nofollow”>Tweet</a>

<script src=”http://platform.twitter.com/widgets.js” type=”text/javascript”></script><a href=”http://twitter.com/share” rel=”nofollow”>Tweet</a>


Установка кнопки Like від Facebook - installation Like buttonУстановка кнопки Like від Facebook
пропонуватиме відвідувачам сайту відмітити, що стаття їм сподобалась. Користувач, натиснувши кнопку Like на блозі, тим самим транслює анонс вашої статті на свою стіну в Фейсбук, яку бачать його друзі і теж можуть лайкати. Отже ефект розумієте який може бути. Тут все залежить від цікавості і актуальності статті. Деякі статті можуть миттєво отримати дуже великий приплив трафіку. Тут мені подобається, що не пошукова система оцінює релевантність видачі статті своїми запутаними алгоритмами і купленими місцями, а самі користувачі пропонують до прочитання цікаві статті. Саме такий людський фактор робить інтернет чистішим. Передбачаю, що в майбутньому Фейсбук зробить свій пошук, де релевантність видачі буде базуватися на лайках(Likes), а інші  пошуковики значно орієнтуватимуться на популярність статті/сайту/блогу в соціальних мережах. Короче, за кордоном це вже нормально закрутилось і в нас теж лайкання набуде популярності.

Встановити кнопку лайк Like на свій сайт можна згенерувавши код кнопки на сайті Facebook за цим посиланням. Верхнє поле з урлом залишити порожнім, інші опції вибрати. В мене той згенерований код глючив чомусь і я поліз шукати причини. В результаті отримав такий код (можете скопіпастити):

<iframe src="http://www.facebook.com/widgets/like.php?href=<?php the_permalink() ?>" scrolling="no" frameborder="0" style="border:none; width:420px; height:20px"></iframe>

В цьому коді виставте потрібну вам ширину(width) і висоту (height), помінявши к-ть пікселів. При висоті 20 пікселів, аватарок не видно, при 80-ти пікселях стає видним один ряд аватарок, ну і при потребі можна збільшувати висоту, тим самим збільшуючи кількість рядів з аватарками.

Надіюсь стаття стала вам корисною і ви затвітите її і лайкнете тим самим подякувавши. Також пропоную почитати про установку кнопки Like від Facebook на Українській Блогосфері та на блозі Шакіна.

Зараз я створив сторінки кількох своїх сайтів на Facebook, добавив RSS трансляцію з сайтів на ті сторінки у Facebook, встановив на сайтах соціальні додатки і спостерігаю. З часом опублікую свої спостереження, якщо вони будуть заслуговувати на увагу.

P.S. Якщо у вас сайт на Вордпрес, то установка коду кнопки Like та Tweet відбувається у файлі теми single.php


  • http://akceptor.org Akceptor Spam

    Як кнопочку “Подобається” від контакту прикрутити? Бо я взагалі користуюся плагіном (AddtoAny, здається), там є і фейсбуківський лайк і просто поділитися у фейсбуці, і твіттер. А від контакту лише поділитися, лайку нема.

    А ще можна запитання трохи в тему? Який ефект дають оці лайки? Вони виключно для SMO використовуються, чи оті посилання з профілів фейсбукуконтакту індексуються і дають результати ще й як посилання?

    • http://max.paschenko.org.ua/ Максим Пащенко

      Лайки і ретвіти збільшують аудиторію сайту. В якій мірі залежить від контенту на сайті, тобто чи дійсно він подобається людям.

      Посилання із Твіттера і Фейсбука індексуються пошуковими системами.
      Тобто SMO+SEO.

      Відносно кнопки «Подобається» від Вконтактів, то її код можна згенерувати на цій сторінці http://vkontakte.ru/developers.php?o=-1&p=Like . Там згенерується при заповненні полів і натиснення кнопки генерації два куски кода.
      Перший ставиться між тегами (для Вордпресу це в файлі header.php).
      Другий кусок коду безпосередньо в тому місці де повинна виводитися кнопочка.

      • http://akceptor.org Akceptor

        Дякую за інформацію.
        З контакту посилання теж ніби індексуються, чи я плутаю щось?

        • http://max.paschenko.org.ua/ Максим Пащенко

          Відносно Контакту я не знаю чи індексуються посилання.