Skip to content
 

Как добавить виджет Твиттера на сайт.

Как добавить виджет Твиттера на сайтКак добавить виджет с сообщениями из Твиттера на свой сайт?

Каждый из нас постоянно общается с друзьями в социальных сетях. Эти действия прочно вошли в нашу жизнь. И без них мы себя уже не представляем.

В интернете все взаимосвязано, впрочем, как и в реальном мире.

Если Вы являетесь владельцем сайта, то грамотным решением для его развития и продвижения будет интеграция в социальные сети.

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

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

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

Как вставить виджет Твиттера на сайт.

Виджеты-в-Твиттере

По умолчанию размеры виджета 520*600px. Виджет легко настроить по высоте. А по ширине он настраивается немного сложнее: средствами HTML при помещении в контейнер div меньшего размера.
На самом деле это означает: если Вы вставляете виджет в боковую колонку, то его размеры автоматически изменяются по ширине этой колонки. А на страницу он вставляется в режиме HTML.

как вставить виджет твиттера на сайт

Но если Ваш виджет не вписался в сайдбар по каким-либо параметрам, то можно организовать его еще одним способом на другом сервисе twittercounter.com, выбрав там пункт меню «Мой виджет» (My widget).

Сервис требует авторизации. У меня он подключен, что видно из следующей иллюстрации.

сервис-мой-виджет

Код вилжета Твиттера

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

Кстати, на этом же сервисе можно получить дополнительно маленький виджет количества фолловеров.

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

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

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

А виджет Твиттера позволяет легко (не меняя содержания страницы) добавлять каждый раз новые мотивирующие фразы, изображения и видеоролики для воодушевления и подъема боевого духа.

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

Посетите мою мотивирующую страницу и получите мотивацию на сегодня!

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

Каждый новый день это будет новая мотивация.

Заходите ко мне еще. Теперь Вы сможете не только узнавать что-то полезное про социальные сети и продвижение сайтов, но и получать свежий заряд бодрости и мотивации на успех.

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

Неоспоримые преимущества добавления виджета Твиттера на сайт.

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

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

Появилась возможность выбора источника ленты, которая будет транслироваться в виджете.

Выбрать-источник-ленты.твиттера

Это может быть Ваша полная лента (за исключением ответов — их стоит отключить, см. иллюстрацию выше).

Можно транслировать только свое избранное (см. как это сделала я).

Можно показывать выбранный список (см. как создать списки в Твиттере).

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

Я ввела в окно поиска свой НИК для примера.

Возможностей много! Создайте виджет Твиттера по своему вкусу.

Желаю успехов! Жду Ваших комментариев и предложений.

Елена и tvoy-internet.ru

Считаешь информацию полезной? Поделись с друзьями!

41 комментарий

  1. Евгения:

    Много всего полезного, прям сутки можно не выходить с сайта! Жаль только, что нет фотопримеров того, что получилось с добавлением чего-то нового((

  2. Евгения! Я обязательно учту Ваши пожелания, часть из этого уже реализована. Предлагаю посмотреть мой фото-отчет «Год после старта» .

    А в данном конкретном случае очень легко проверить эффект от установки виджета Твиттера — перейдите на страницу «Мотивация на сегодня» , и увидите, как все прекрасно функционирует.
    Кстати, ссылка на эту страницу есть и в статье…

  3. Елена, все у Вас прекрасно, мотивацию придумали очень хорошую,главное удобно. Спасибо за полезную статью.

  4. Николай:

    Спасибо. Мне понравился виджет. У вас на страничке он смотрится просто супер! Надо и себе попробовать.

  5. Светлана Локтыш:

    Очень понравился Ваш сайт, Елена. Чувствуется, что создал и продвигает его профессионал. Мне есть чему у вас поучиться, потому буду заглядывать. Спасибо за нужную науку!

  6. Константин Кириченко:

    Каждая статья на вес золота. Установил виджет твиттера на свой сайт. Очень доволен. Спасибо Вам!

  7. Сергей:

    Елена, добрый день. А в twitter counter лента идет только на английском языке или можно сделать на Русском? И какая его главная задача, какая цель, если его ставим на сайт? Спасибо

  8. Сергей! Про главную задачу добавления виджета Твиттера на сайт —> читай начало статьи +
    я дописала ее окончание (специально для Вас).
    Язык будет тот, на котором Вы пишете.

  9. Доброго времени суток, Елена! Очень рада, что нашла Вас через Твиттер. Учусь дальше в Школе «Start Up», с каждым днем все сложнее для меня, даже руки начали опускаться… Тяжело в одиночку осваивать эту науку: много информации, много вопросов, на которые нашла ответы на Вашем сайте. Добавляю в закладки:)

  10. Татьяна:

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

  11. Константин:

    Здравствуйте!
    Сейчас в Твиттере новые виджеты. В настройках отсутствуют размеры по ширине. Подскажите, как в данном случае можно отрегулировать ширину виджета по ширине сайдбара. Давали код, как через контейнер, но не получается. Может, что посоветуете?

  12. Константин! Да в статье об этом написано. Просто копируете код виджета в свой сайдбар, и он сам автоматически подстраивается по его ширине. Посмотрите,некоторые предыдущие комментаторы уже сделали это, оцените.
    Если что-то не устраивает, то можно воспользоваться вторым способом установки виджета, который описан в статье.

  13. Константин:

    Елена!
    У меня на сайте виджет твиттера не изменяет ширину в сайдбаре. Заключал в контейнер …, и в файле style.css прописал #twitterline iframe {width: 150px! important;}. не помогло. Правильный этот код? А по-второму варианту с twittercounter.com не подходит, потому что я хочу, чтобы показывались избранные твитты (это можно выбрать в Twitter.com, а в twittercounter.com — нет). Если подскажите, как выкрутиться с кодом, спасибо.

  14. Константин! Мне кажется, что Вы перемудрили. Уберите все то, что Вы дополнительно прописали и попробуйте еще раз.Я проверяла на своем сайте — у меня ширина подстроилась под сайдбар, но она должна быть не меньше 200px.Может стоит увеличить ширину сайдбара?
    А еще можно-таки подобрать более-менее приемлемый вариант. А потом, когда придет полное понимание вопроса, сделать все так, как хочется.

  15. Константин:

    По всей видимости, у меня сайдбар меньше 200px. Потому что с левого края чуть-чуть не умещается сам блок (хотя текст весь виден). Попробую еще поискать ответы.

  16. Здравствуйте, а как сделать птичку твитер как у Вас?

  17. ирина! Не поняла, о какой птичке идет речь, но по подписке можно получить инструкцию по Твиттеру с птичкой в качестве подарка.

  18. Дмитрий:

    Спасибо за полезную информацию про организацию виджета Твиттера на сайте!

  19. discard:

    Знание некоторых принципов легко возмещает незнание некоторых фактов.

  20. Людмила:

    Здравствуйте,Елена! У вас прекрасный сайт — очень интересный, а главное полезный, особенно таким новичкам, как я. С помощью этой статьи я установила виджет Твиттера на свой сайт.

  21. Filter:

    Достаточно интересная статья. Думаю стоит добавить в избранное для дальнейшего изучения

  22. Vitali:

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

  23. marinabesfa:

    Добрый день! Сколько у вас идей. Моему сайту три недели. Буду у вас учиться. Марина.

  24. yardsticks:

    Довольно забавная статья, скажу чесно — удивил. Если не секрет откуда вообще блоггеры черпают материалы для статей? Я понимаю что написаны они собственноручно, но ведь «сюжет» нада найти где-то.

  25. Полезная информация получилась, не знал, как добавить виджет Твиттера на сайт, благодаря Вашей статье и подробному фотоотчету, все сложилось в «единый пазл», буду пробовать.

  26. Николай:

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

  27. Игорь:

    Первый раз у Вас на сайте, очень понравилось. Вообще смотрю многие после школы раскрутились, чего не могу сказать о себе))). Что понравилось, я многому научился у одноклассников)). Подписался на Вашу рассылку. Буду устанавливать Твиттер. Спасибо.

  28. Александр:

    Спасибо за полезную статью. Применил на своём блоге, очень удобно.

  29. Интересная статья!!! скажите вы когда проходили обучение?

  30. Татьяна:

    Уважаемая Елена! Очень меня приятно удивил Ваш сайт полезностью, грамотностью и доступностью. Моему сайту три месяца… По-разному меняется настроение в отношении своих способностей…
    Вы как-то вселяете надежду, хотя моё продвижение в плане создания сайта и, тем более его посещаемости, более,чем скромное. Тем не менее, ваши советы-актуальны и необходимы. Не думаете ли о своём марафоне? Мне кажется — своевременно…
    Успехов, успехов и ещё раз успехов!

  31. Елена:

    Елена, спасибо ! Доступно вполне и интересно.Попробую применить.

  32. Елена, спасибо за полезный сайт!
    Подскажите, пожалуйста, как установить виджет твиттера только на страницах записей, минуя главную?

  33. Жанна! Установите плагин Widget Logic.
    Тогда все виджеты можно показывать только в статьях, если в виджете поставить !is_home()

  34. Елена, огромное спасибо за статью вам обоим: Твиттеру и Молгачевой. Потому что я зашел сюда по сообщению Твиттера «Теперь вас читает Молгачева». Зашел — и второй час не могу вылезти. Интересно абсолютно все — я начинающий блогер.
    Елена, вопрос вот какой: мне очень понравились анонсы заголовков вверху статьи. По ним можно путешествовать годами. Не расскажете — что это за фишка. Ну очень хороша!

  35. Владимир! Мне не совсем понятен вопрос про заголовки.
    Все, что я делаю, я описываю последовательно на своем сайте. Вы можете изучать самостоятельно, если посмотрите Путеводитель по сайту — Структура сайта.
    Скорее всего, Вы найдете ответ на свой вопрос.

  36. Спасибо, дельно.
    Не подскажите, как комментарий на твиты добавить на сайт?

  37. ЕвгенияЭюб:

    И еще. Неужели такая посещаемость только благодаря твиттеру? А мне там скучно. Но, последую вашему совету. Попробую еще раз его понять.Посещаемость у вас просто завидная. Хотя показатели тиц и пр как и у меня. Буду рада знакомству.

  38. ЕвгенияЭюб! Твиттер очень помогает поднять посещаемость пока сайт молодой, и его еще не замечают поисковые системы.
    По мере развития сайта основной трафик идет с поисковых систем. Нужно позаботиться о том, как правильно писать статьи и делать перелинковку, чтобы статьи сайта удачно конкурировали в поисковой выдаче.
    Но Твиттер и здесь помогает: при размещении ссылки на новую статью в Твиттере, когда его аккаунт хорошо раскручен, статья индексируется очень быстро и сразу же попадает в поиск. Плюс идет дополнительный трафик из самого Твиттера.
    Но, чтобы шел трафик из Твиттера нужно постоянно набирать читателей и увеличивать свою целевую аудиторию или ежедневно твитить что-то новое и интересное.

  39. Гульнара:

    Здравствуйте, коллеги 🙂
    Большое спасибо автору за очень полезную информацию!!! Мне как новичку блогеру нужна была информация про твиттер (я на нем совсем недавно).

  40. Алексей:

    Устаревшая статья. Не актуально.

  41. Алексей! Кому как.
    Для меня очень актуально. Виджет твиттера позволяет демонстрировать на сайте ВАЖНУЮ и ПОЛЕЗНУЮ актуальную информацию, без вмешательства в сам сайт, просто ррасположив ссылки на нужные статьи в Твиттере.
    Я очень довольна своим виджетом Твиттера, который установлен у меня в сайдбаре.
    С его помощью можно легко обратиться к читателям, например, поздравить с праздником.
    Можно добавить ссылки на партнерские программы.
    Можно просто обратить внимание читателей на то, что меня очень заинтересовало или понравилось в интернете.
    Так что, виджет Твиттера — это очень даже полезная штучка. И актуальности не теряет.

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

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