Как добавить виджет Twitter на свой сайт

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

1. Встраивание временной шкалы Twitter

Встраивание временной шкалы Twitter создает небольшое окно iframe из части вашего сайта, где размещен код, в вашу ленту Twitter. Он показывает твиты, которые вы делаете, но не ответы на эти твиты. В противном случае это будет выглядеть как Twitter в маленькой коробке. На нем есть ваш значок Twitter, ваше имя, ваше @username и ваш чек подтверждения, если он у вас есть. В нем есть содержание твита, любые медиафайлы, которые вы добавили в твит, а также кнопки «Нравится» и «Поделиться». Дата тоже появляется.

На самом деле существует несколько различных стилей шаблонов для встроенных временных шкал. В 99% случаев вы увидите базовый шаблон списка; это самый простой и наиболее похожий на Twitter дисплей для одной учетной записи с в основном текстовыми твитами.

Другие варианты включают в себя:

• Пример на основе сетки , который автоматически воспроизводит видео, встроенное в Twitter, и отображает изображения в квадратной или прямоугольной сетке. Это отлично подходит для медиа-каналов Twitter, но не работает, если вы публикуете только текст.
• Пользовательская временная шкала , которая показывает ваши твиты и ретвиты в формате списка.
• Временная шкала списка , на которой отображается тщательно отобранный список контента от нескольких пользователей Twitter. Вам, конечно, нужно создать список, чтобы эта опция существовала. Полезно, когда вы хотите встроить каналы для нескольких авторов сайта или нескольких соучредителей.
• Временная шкала поиска , в которую встроены твиты, содержащие определенный хэштег или ключевое слово, точно так же, как результаты, которые отображаются при поиске в Твиттере. Вы можете — и это рекомендуется — настроить его так, чтобы отображались только самые популярные твиты и отфильтровывался конфиденциальный контент.
• Временная шкала коллекции , которая показывает список выбранных вами твитов и не обновляется, когда обновляются выбранные учетные записи. Это идеально подходит для показа лучшего контента, а не постоянного и потенциально нерелевантного выбора нового контента.

Чтобы отобразить одну из этих встроенных хронологий, вам потребуется добавить код на свой веб-сайт . Вы можете получить этот код, войдя в Twitter. Перейдите в меню настроек и нажмите на опцию «Виджеты». Нажмите, чтобы создать новый виджет, и вам будет предложено ввести некоторую информацию для настроек. Выберите нужный тип временной шкалы, щелкните безопасный режим, если хотите включить фильтры для конфиденциального содержимого, и настройте цветовую схему, цвет ссылки и высоту виджета. После того, как вы создали виджет, чтобы он выглядел так, как вы хотите, вы можете нажать кнопку «Создать виджет», чтобы сгенерировать соответствующий код. Вставьте этот код в нужное место на своем веб-сайте, и Twitter будет загружаться каждый раз при загрузке страницы.

Обычно я рекомендую использовать виджет Twitter на боковой панели или иногда в нижнем колонтитуле. Часто в шапке веб-сайта не так много места, поэтому вы не можете отобразить там много информации. Добавление полной встроенной временной шкалы в ваш контент немного излишне; есть лучшие варианты для отображения такого контента в одном посте.

Если вы используете WordPress и вам неудобно редактировать код в файлах темы, вы можете выбрать «простой путь» из всей ситуации и установить официальный плагин Twitter для встраивания. Этот плагин позволяет встраивать временные шкалы твитов, отдельные твиты, моменты, каналы Periscope и Vines. IT также предоставляет вам основные кнопки социальных сетей для Twitter.

Одним из преимуществ этого плагина является то, что он включает в себя все в одном месте, включая отслеживание аудитории с помощью пикселя аудитории Twitter. С другой стороны, возможности настройки и гибкость в лучшем случае сомнительны. Это не очень хорошо рассмотренный или хорошо используемый плагин. Кнопки социальных сетей меркнут по сравнению практически с любым другим пакетом социальных сетей. Как правило, я бы не рекомендовал его, если у вас есть доступ к разработчику, который вместо этого может добавить что-то более индивидуальное на ваш сайт.

2. Встраивание отдельных твитов

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

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

Другой способ встраивания отдельного твита — встраивание самого твита . Twitter предлагает эту функциональность изначально, вам не нужно устанавливать плагин или что-то еще, чтобы сделать это. Вы даже можете опубликовать его в сообщении WordPress без использования плагина или обходного пути.

Все, что вам нужно сделать, чтобы встроить твит, — это посетить сам твит. Внизу каждого твита есть значок […]. Нажмите на нее, и одно из появившихся меню — это меню «Встроить твит». Нажмите на нее, и вы получите возможность настроить внешний вид встраиваемого твита. Вы можете включить или скрыть медиафайлы, а также включить или скрыть родителей в твите, если твит является ответом. Вам дан код, который вы можете затем вставить в поле отправки сообщения в блоге или в любое другое место, которое может без проблем анализировать HTML.

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

Каково идеальное использование для встраивания одиночных твитов? Мне нравится использовать их в качестве примеров, когда я кого-то цитирую. Напишите одну из тех статей «20 самых успешных брендов в Твиттере» и вставьте твиты. Вам не нужны полные каналы, вы можете довольствоваться отдельными твитами.

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

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

3. Нажмите, чтобы твитнуть

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

Параметр Click to tweet — это инструмент, который позволяет вам создавать предварительно сгенерированные твиты, чтобы ваши посетители могли щелкнуть и опубликовать твит в любой момент. Идея состоит в том, что вы хотите, чтобы они твитнули ваш контент, и они заинтересованы в этом, но они не настолько заинтересованы, чтобы утруждать себя созданием собственного твита об этом. Что вы делаете, так это предоставляете им простой способ одним щелчком поделиться вашим контентом без необходимости придумывать собственное сообщение, вставлять ссылку и беспокоиться о количестве символов.

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

Помимо поощрения клика, чтобы твитнуть, есть и другие преимущества. Во-первых, вы можете повторно использовать один и тот же встроенный твит в нескольких сообщениях. Затем, если вы хотите изменить его позже, вы можете изменить его на панели инструментов «Щелкните, чтобы твитнуть», которая изменяет все экземпляры вашего встроенного текста без необходимости возвращаться, чтобы сделать это. Вы также, конечно, получаете аналитику вместе с ним. Вы можете увидеть количество кликов и количество уникальных кликов по вашим ссылкам в твиттере, а также географическое распределение людей, нажимающих, чтобы твитнуть ваш контент. Как я всегда говорю; в наши дни без аналитики не обойтись.

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

4. Выделите, чтобы твитнуть

Это еще один вариант, который я вижу чаще, но он мне нравится меньше. Я не уверен, почему он так популярен, за исключением, возможно, того, что он поставляется в форме плагина WordPress и не требует использования веб-приложения или чего-то подобного. Связанный плагин — лишь один из нескольких, которые я видел.

Этот плагин по существу берет на себя выделение текста в веб-браузере. Когда пользователь выделяет фрагмент текста, появляется кнопка или пара кнопок , как правило, для Twitter и/или Facebook. Идея состоит в том, что вы можете выделить понравившееся предложение, а затем нажать кнопку, чтобы твитнуть его, без необходимости копировать, вставлять и переходить в Twitter.

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

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

Тем не менее, вы можете выбрать любой способ использования виджета, который вы предпочитаете. Мне нравится использовать встроенную временную шкалу на боковой панели, чтобы люди могли быстро и легко увидеть и прочитать мои последние 3-4 твита. Затем я использую встроенные твиты для конкретных цитат, когда это требуется в сообщении. Я не часто использую Click to Twitter, но когда я это делаю, кажется, что это работает достаточно хорошо. Попробуйте и посмотрите, понравится ли вам это.

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