Встраивание X-контента на ваш веб-сайт имеет несколько ключевых преимуществ. Он легко интегрирует привлекательный интерактивный контент в реальном времени с платформы X на ваш веб-сайт. Встроенные X-сообщения и временные шкалы дополняют ваши статьи богатым, визуально привлекательным контентом прямо из источника, обеспечивая быстрый способ просмотра информации.
Включение функциональности X через встроенные кнопки побуждает читателей взаимодействовать с вашим контентом, делясь ссылками, подписываясь на учетные записи и т. д., что в конечном итоге расширяет ваш охват. Кроме того, публикуя контент в формате AMP, вы можете оптимизировать внешний вид и производительность своих статей при публикации в мобильных приложениях X, обеспечивая лучший пользовательский опыт для мобильных посетителей.
Вставьте ленту Twitter или кнопку «Подписаться»
Эти встроенные функции известны как Х виджетов и позволяет владельцам сайтов интегрировать различные функции X в свои сайты. С помощью X Widgets веб-сайты могут создать более привлекательный и интерактивный опыт для посетителей, способствуя более прочной связи между их брендом и присутствием X. Существует несколько способов публикации твитов, лент и кнопок подписки на веб-сайте с помощью библиотеки JavaScript Twitter Widgets. Ниже представлено описание основных вариантов.
Содержание
Кнопка X следовать
Кнопка X Follow — это простой виджет, который можно встроить в любой веб-сайт, позволяя посетителям быстро подписаться на конкретную учетную запись X, не покидая сайт. При нажатии на кнопку пользователь попадает на соответствующую страницу профиля X, где он может подтвердить дальнейшие действия. Эта функция помогает авторам и брендам расширять свою X-аудиторию, упрощая посетителям веб-сайта связь с ними на платформе.
Follow @xКнопка упоминания X
Кнопка «Упоминание X» — это встроенная функция, которая позволяет посетителям веб-сайта легко создать новую публикацию X, в которой упоминается конкретная учетная запись X. При нажатии на кнопку открывается новое окно с предварительно заполненным конструктором X-сообщений, включая дескриптор указанной учетной записи. Эта функция побуждает пользователей связываться с брендами или отдельными людьми на X прямо со своих веб-сайтов, повышая взаимодействие и видимость на платформе.
Tweet to @xСообщение X
Функция «Опубликовать в X» позволяет владельцам сайтов создавать собственные кнопки общего доступа, при нажатии на которые открывается предварительно заполненный конструктор сообщений X с определенным текстом, хэштегами или медиафайлами. Эта функция полезна для продвижения определенного контента, кампаний или продуктов на сайте X, поскольку она упрощает процесс обмена для пользователей и гарантирует, что общий контент соответствует намерениям владельца сайта. Просто обязательно зашифруйте URL-адреса сообщений.
TweetX-хронология
X Timeline Feed — это встроенный виджет, который в реальном времени отображает X сообщений из определенной учетной записи, хэштега или списка. Владельцы сайтов могут настраивать внешний вид и функциональность канала, например количество отображаемых сообщений, макет, а также включение мультимедиа или ответов. Эта функция позволяет веб-сайтам отображать соответствующий контент X непосредственно на своих страницах, информируя посетителей о последних событиях и поощряя взаимодействие с соответствующими учетными записями или темами X.
Tweets by Martech ZoneДополнительные опции:
createTimeline: Создает встроенную временную шкалу.sourceType: тип временной шкалы (например,profile,likes,list,collection,url).screenName: отображаемое имя пользователя на временной шкале профиля.userId: идентификатор пользователя временной шкалы профиля.favoritesScreenName: экранное имя пользователя, лайки которого отображаются на временной шкале лайков.favoritesUserId: Хронология лайков идентификатора пользователя.listSlug: маркер списка для временной шкалы списка.listOwnerId: идентификатор пользователя владельца списка для временной шкалы списка.url: URL-адрес коллекции или пользовательской временной шкалы.
- Наиболее распространенные варианты расписания:
data-height: высота временной шкалы в пикселях. Неявно контролирует количество отображаемых твитов.data-theme: цветовая тема временной шкалы (например, «светлая», «темная»).data-chrome: настраивает дизайн временной шкалы. Принимает список значений, разделенных пробелами: «noheader», «nofooter», «noborders», «noscrollbar», «transparent».data-border-color: цвет границы временной шкалы. Принимает шестнадцатеричное значение цвета.data-aria-polite: добавляет атрибут aria-polite для улучшения доступности. Принимает значения «вежливый» или «убедительный».data-tweet-limit: Устаревший. Ранее использовалось для ограничения количества отображаемых твитов.data-width: Ширина временной шкалы в пикселях. Принимает номер или «автоматически».data-link-color: цвет ссылок на временной шкале. Принимает шестнадцатеричное значение цвета.data-lang: Встроенный язык временной шкалы. Принимает двухбуквенный код языка (например, «en», «es»).
Дополнительные возможности виджета X
Вот некоторые варианты виджетов, а также несколько других, которые вы, возможно, захотите включить.
кнопка "Поделиться"
Кнопка X Share — это встроенная функция, которая позволяет посетителям веб-сайта легко делиться определенной веб-страницей или частью контента в своих X-профилях. Нажатие кнопки открывает новое окно с предварительно заполненным конструктором X-сообщений, содержащим ссылку на общий контент. Владельцы веб-сайтов могут настроить внешний вид кнопки «Поделиться» в соответствии с дизайном своего веб-сайта, что делает ее неотъемлемой частью пользовательского опыта.
createShareButton: Создает кнопку твита, чтобы поделиться определенным URL-адресом.url: URL-адрес для обмена.type: необходимо настроить для совместного использования.
createTweetEmbed: Создает встроенный твит.tweetId: идентификатор твита, который нужно вставить.
- Наиболее часто используемые кнопки твитов и варианты встраивания:
hideCard: скрывает карточку предварительного просмотра ссылки (истина/ложь).hideThread: скрывает цепочку разговоров (истина/ложь).
Кнопка X следовать:
createFollowButton: создает кнопку подписки для пользователя Twitter.screenName: Имя пользователя, за которым следует следить.
момент Х
X Moments — это коллекции X публикаций, изображений, видео и другого контента, относящегося к определенной теме или событию. Функция встраивания X Moment позволяет владельцам сайтов демонстрировать эти тщательно подобранные коллекции непосредственно на своих сайтах, предоставляя посетителям более полный и увлекательный способ изучения X-контента. Встроенные X Moments можно настроить в соответствии с дизайном и макетом вашего сайта, обеспечивая полную интеграцию с общей эстетикой вашего сайта.
createMoment: Создает встроенный момент Twitter.momentId: Идентификатор момента Twitter для встраивания.
Кнопка подачи воздуха в перископе X
Periscope — платформа потокового видео в реальном времени, приобретенная X в 2015 году. Функция «В эфире» позволяет пользователям X делиться прямыми трансляциями Periscope прямо в своих лентах X. Владельцы сайтов могут встраивать прямые трансляции Periscope или архивные трансляции на свои сайты с помощью функции встраивания Periscope, что позволяет посетителям смотреть живое или записанное видеоконтент, не покидая сайт. Такая интеграция X и Periscope помогает создать более увлекательный и интерактивный опыт для пользователей обеих платформ.
createPeriscopeOnAirButton: Создает кнопку Periscope On Air.username: имя пользователя Periscope, на которое будет установлена ссылка.
Кнопка Х-хэштег
Кнопка хэштега X — это встроенная функция, которая позволяет посетителям сайта легко исследовать конкретный разговор по хэштегу на X или участвовать в нем. При нажатии на кнопку открывается новое окно, отображающее результаты поиска X для соответствующей ссылки. Владельцы сайтов могут использовать эту функцию, чтобы побудить посетителей участвовать в соответствующих обсуждениях по хэштегам, повышая видимость и взаимодействие по конкретным темам или кампаниям на платформе X.
createHashtagButton: Создает кнопку хэштега.hashtag: ссылка на ссылку.type: должно быть установленоhashtag.
Кнопка упоминания X
createMentionButton: Создает кнопку упоминания.screenName: Имя пользователя, которого нужно упомянуть.type: должно быть установленоmention.
Это основные параметры, доступные для каждого типа виджетов. При создании виджетов с помощью соответствующих функций вы можете настроить их внешний вид и поведение, используя предоставленные параметры.
Чтобы использовать эти виджеты, включите библиотеку JavaScript виджетов Twitter на свою веб-страницу, а затем вызовите нужную функцию с соответствующими параметрами создания и отображения виджета.
