Как показать ваши последние твиты на вашем сайте
Опубликовано: 2022-04-24Твиттер и традиционный веб-маркетинг на первый взгляд не кажутся совместимыми. Твиттер — очень изменчивая платформа, где сообщения живут в минутах. С другой стороны, веб-сайты существуют бесконечно. Пост в блоге сейчас может быть таким же ценным через год, как и раньше, или даже более ценным, если он станет единственным хорошим ресурсом для затянувшейся проблемы.
Большинство людей просто используют Твиттер как своего рода кратковременную трансляцию обновлений. Они твитят, когда публикуют новую запись в блоге, они твитят, когда появляется объявление о новом продукте или что-то подобное, но это все. Они действительно не исследуют социальные аспекты сайта. В Твиттере гораздо больше, чем просто односторонние объявления с вашего сайта.
Вот почему вы можете начать встраивать Twitter на свой веб-сайт. Когда у вас есть стимул выйти за рамки однонаправленного обмена сообщениями, вы реализуете весь потенциал сайта микроблогов. Кроме того, вы позволяете людям следить за вашим Twitter с вашего сайта, чего они не обязательно будут делать в противном случае. В конце концов, если все, что вы публикуете, это обновления веб-сайта, и они уже подписаны на ваш сайт, зачем им подписываться на ваш Twitter?
Я здесь не для того, чтобы говорить с вами о том, как эффективно использовать Twitter. Об этом есть другие посты. Я здесь, чтобы помочь вам встроить Twitter на ваш сайт.
Методы и решения
Первое, что вам нужно решить, это то, как вы хотите встраивать свои твиты. Есть несколько возможных вариантов.
- Вы можете встроить всю свою ленту Twitter.
- Вы можете вставлять отдельные твиты.
- Вы можете использовать плагин WordPress для встраивания любого из них.
- Вы можете использовать кнопки социальных сетей.
Четвертый вариант не входит в рамки этой статьи, поскольку мы говорим о твитах. Кнопки «Поделиться» — это здорово и все такое, но они не в центре внимания этого поста.

Номер три — это всего лишь номер один или два, но когда у вас есть WordPress в качестве вашей CMS, а не отдельный веб-сайт. Я расскажу об этом после того, как сначала расскажу о двух других методах.
Встраивание отдельных твитов
На мой взгляд, есть две причины размещать отдельные твиты на своем сайте. Первая причина довольно проста; вы что-то опубликовали и хотите, чтобы у этого твита было много дополнительной жизни. Обычно твиты затихают очень быстро, и только ваш закрепленный твит получит большую любовь. Это означает, что если вы занимаетесь чем-то, например, продажей и продвижением электронной книги, вам нужно постоянно писать об этом в Твиттере в течение недель или месяцев, пока вы пытаетесь заставить ее продаваться. Это может быстро утомить и затопить вашу аудиторию, если вы не будете твитить о других вещах.
Как правило, я немного сворачиваю твиты о таких акциях и встраиваю пару лучших твитов на свой сайт. Бросьте один в начало сообщения в блоге или на боковой панели как « эй, кстати, мы все еще полностью продаем эту электронную книгу », и вы, по сути, выстрелите и забудете об этом. Этот твит получит дополнительное взаимодействие, просмотры, охват и клики, потому что он продвигается через Twitter, через ваш веб-сайт и через всех, кто ссылается на страницу, на которой он встроен.

Другая причина для встраивания твитов — использовать их в качестве примеров или иллюстраций. Я видел много постов, которые являются «лучшими» обзорами, в которые встроены твиты. Например, в топ-10 ошибок Twitter могут быть встроены исходные твиты. Этот пример не является ВЕЛИКИМ, так как многие самые большие сбои удаляются, поэтому скриншоты там работают лучше. Однако 10 лучших твитов с картинками, 10 лучших твитов о кошках, 10 лучших маркетинговых твитов — подобные примеры вряд ли будут полностью удалены.
У этих твитов есть один недостаток, и это тот факт, что во многих случаях они не будут вашими твитами. Когда вы делаете лучший обзор, это довольно грубо и высокомерно включать себя в список, особенно более одного раза.
Однако есть и другие причины включать собственные твиты в свои посты. Вы можете использовать его, чтобы проиллюстрировать, что у вас есть учетная запись в Твиттере (опубликовать приветственное сообщение и встроить его) или направить трафик в вашу учетную запись службы поддержки. Вы можете опубликовать обмен между собой и несколькими другими людьми; вставьте вопрос и вставьте ответы и расскажите об этих ответах в сообщении блога.
А как насчет фактического процесса встраивания твитов? К счастью, это очень просто, независимо от используемой системы. Под этим я подразумеваю, что он очень легко работает в окне создания WordPress или через любую другую CMS для блогов.
Все, что вам нужно сделать, это:
- Перейдите в Интернет и найдите твит, который хотите встроить.
- Нажмите значок …, расположенный справа от ретвитов и лайков.
- Нажмите «встроить твит» в появившемся меню.
- Это создаст лайтбокс с опциями. Вверху есть поле с кодом. Ниже приведен предварительный просмотр твита, который будет отображаться на вашем веб-сайте.
- Скопируйте код из верхнего поля и вставьте его в сообщение блога в той области, в которой вы хотите, чтобы твит отображался.
Может появиться несколько дополнительных параметров контекста. Если твит является ответом на другой твит, появится поле с надписью «включить родительский твит». Если вы установите этот флажок, родительский твит появится примерно так:

Если твит, который вы решите встроить, содержит изображение, Vine или другой медиафайл, вы можете добавить его. Полученный твит будет выглядеть так:

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

Встраивание всего вашего Twitter-канала
Итак, вы не можете встроить весь свой фид. Если вы опубликовали более пяти или шести раз, будут показаны только самые последние полдюжины. Это хорошо, однако! Вам не нужен бесконечно длинный блок социальных данных на боковой панели вашего сайта. Это было бы более чем безумно.
Есть две основные причины, по которым вы можете захотеть встроить свою ленту Twitter. Во-первых, поместите его в основной пост в блоге, чтобы проиллюстрировать, что у вас есть лента Twitter. Он не предназначен для включения в повествование поста особым образом, как твит по отдельности.
Другая причина заключается в том, чтобы встроить его в боковую панель, чтобы он всегда был там, пассивное и актуальное напоминание о том, что у вас есть лента Twitter, за которой люди могут следить. Встраивание временной шкалы, как их называют, позволяет вам демонстрировать ваши самые последние твиты вместе с кнопкой, которая позволяет любому быстро и легко следить за вами.

На самом деле существует две разные формы встроенной временной шкалы. Шаблоны определяют, как отображается временная шкала, что отображается и как все это выглядит. Они есть:
- Шаблон списка. Это показывает твиты в хронологическом порядке, сначала самые новые, со всей обычной информацией. Он показывает изображение профиля, имя, отображаемое имя, содержание твита, медиа и участие.
- Шаблон сетки. Это показывает в основном сетку медиа, включая изображения, гифки и лозы, выложенные с одним основным примером вверху и другими в меньших блоках ниже. Содержание твита, выходящее за рамки медиа — имя и текст, в этом нет помолвки или изображения профиля — отображается поверх изображения.
Кроме того, существуют различные типы контента, который можно встроить. Это не обязательно должен быть ваш график. Большинство маркетологов и компаний предпочитают использовать только одну пользовательскую временную шкалу, но некоторые коллективы, группы и организации могут захотеть использовать другие форматы.
- Хронология пользователя. Здесь отображаются только ваши твиты, ничего от других пользователей, за исключением тех случаев, когда вы ретвитите контент.
- Пользователь любит. Это канал, который показывает все сообщения, которые понравились данному пользователю. В остальном он идентичен ленте пользовательской временной шкалы.
- Хронология списка пользователей. Это показывает временную шкалу твитов для всех в списке пользователей, курируемых теми, кто решил составить список. Вставка показывает имя списка, а также отдельные имена людей в списке.
- Хронология поиска. Здесь показаны результаты заданного поиска, которые обновляются, когда пользователь просматривает страницу, на которой загружается встроенный виджет. Например, вы можете встроить результаты поиска по определенному хэштегу. Это полезно для некоторых форм маркетинга в Твиттере, но менее полезно в качестве общего инструмента курирования, особенно потому, что его легко использовать.
- Коллекция. Это похоже на встраивание нескольких выбранных вручную твитов, но вы можете обновить кураторскую коллекцию, а не обновлять пост новыми встраиваниями.
Так как же встроить временную шкалу? Это немного сложнее, чем встроить твит. Первое, что вам нужно сделать, это создать новый виджет временной шкалы, который требует от вас заполнить эту форму в самом Твиттере.

Форма позволяет вам выбрать, какой из источников временной шкалы вы хотите. На временной шкале пользователя вы можете выбрать имя пользователя, исключить ответы, установить высоту, выбрать между светлой и темной темами, изменить цвет ссылки и отказаться от адаптации. Подгонка — это слово, которым Твиттер собирает данные для последующего использования в аналитике. Конфигурация лайков имеет все те же параметры. Канал списка требует, чтобы вы имели список и управляли им или подписались на список, который хотите встроить. Поиск позволяет вам выбрать поисковый запрос, установить безопасный режим поиска, выбрать отображение только самых популярных твитов и другие параметры, полученные из других источников. Наконец, режим коллекции требует, чтобы вы создали коллекцию, чтобы использовать ее.
Кроме того, есть варианты настройки виджета. Однако они немного сложны в использовании. Вы должны фактически отредактировать код, предоставленный вам виджетом, когда он генерируется. Варианты:
- Noheader: это скрывает заголовок временной шкалы, который скрывает атрибуцию Twitter. Условия использования Twitter требуют, чтобы у вас была атрибуция, это просто позволяет вам настроить, как и где она будет отображаться на вашем сайте.
- Nofooter: скрывает нижний колонтитул со ссылкой на композитор твита.
- Noborders: это скрывает границы виджета, чтобы вы могли более легко интегрировать его с дизайном, который не соответствует ни светлой, ни темной темам для виджета.
- Noscrollbar: скрывает полосу прокрутки, чтобы пользователи не могли прокручивать виджет вниз. Полезно, только если у вас большой размер виджета, чтобы можно было отобразить более одного сообщения полностью.
- Прозрачный: делает цвет фона виджета прозрачным.
- Высота и ширина: очевидно, они позволяют вам изменять точные размеры дисплея. Обратите внимание, что минимальный виджет составляет 180 пикселей для шаблона списка и 220 пикселей для сетки. Оба имеют максимальную ширину 520 пикселей.
- Data-tweet-limit: это позволяет вам установить точное количество твитов, которые вы хотите отображать в виджете в любой момент времени. Может быть от 1 до 20.
Все эти параметры позволяют настроить виджет в соответствии с вашим сайтом, независимо от того, где вы пытаетесь его разместить, если на нем достаточно места.
После того, как вы сгенерировали виджет и настроили его, вам нужно будет нажать «создать виджет», который сгенерирует код, который вы скопируете и вставите. Просто и легко вставить код в нужное место в HTML-коде вашего сайта.
Кстати, если вы используете WordPress, вы можете использовать один из многих плагинов WordPress, доступных для добавления твитов и каналов. Мой любимый виджет Twitter со стилем, который дает вам гораздо более широкий спектр настроек, включая цвета, чем вы получаете с обычным виджетом. Тем не менее, есть десятки бесплатных и платных вариантов, которые вы можете выбрать; просто найдите тот, который вам нравится.
