Как добавить ленту Twitter в Squarespace без использования кода

По данным Exploding Topics, у X, ранее известного как Twitter, около 611 миллионов активных пользователей в месяц. Почти 80% аудитории X — экономически активные люди. Это подводит нас к следующему пункту: экономически активные пользователи с большей вероятностью совершат покупку, а значит, ваш контент актуален для людей с располагаемым доходом. 

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

Различные способы добавления ленты Twitter на сайт Squarespace 

Вот несколько способов отображения ленты Twitter на сайте Squarespace: 

а.) Использование собственного кода вставки Twitter

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

Вот как вы можете это сделать: 

1. Редактировать свою страницу/публикацию 

• Перейдите на страницу, на которой вы хотите разместить публикацию в Twitter. 
• Нажмите «Добавить блок» (или точку вставки) и выберите «Встроить».

2. Используйте инструмент вставки Twitter 

• Войти https://publish.twitter.com/
• Введите URL-адрес контента Twitter, который вы хотите отобразить (это может быть ваш профиль, список, определенный хэштег или отдельная запись).

3. Настройте ленту 

• Настройте параметры отображения, такие как цвет и размер. 

4. Скопировать код для вставки 

• Нажмите скопировать код на странице Twitter. 

5. Вставить в Squarespace

• В блоке «Вставка» Squarespace нажмите «Фрагмент кода» (или «Код» в приложении).
• Вставьте код для вставки.
• Сохраните изменения.

Примечание: при использовании этого варианта встраивания вы не сможете автоматически обновлять свои ленты Twitter. Если вы хотите изменить ленту Twitter на своём сайте, вам придётся повторить процесс. 

Использование стороннего виджета Tagembed (с пошаговыми инструкциями)

Используя сторонний инструмент, например... Tagembed Это один из лучших способов добавить ленту Twitter на сайт Squarespace. Ознакомьтесь с пошаговой инструкцией: 

1. Создать Tagembed Аккаунт 

Если вы новый пользователь, создайте Tagembed и получить бесплатно. Существующим пользователям достаточно просто войти на платформу.

Появится окно с тремя вариантами. Нажмите «Социальные сети на веб-сайтах».

Заполните всю необходимую информацию и подтвердите свой адрес электронной почты. 

2. Соберите корм 

• Появится диалоговое окно «Выбор сети-источника». Выберите Twitter в качестве источника контента.

• Выберите предпочитаемый вами тип подачи из следующих вариантов. 

1. Обрабатывание
2. Хэштэг
3. Упоминания
4. Фильтр 

Нажмите кнопку «Создать ленту».

Здесь будет создана ваша лента Twitter. Вы можете модерировать её по своему усмотрению.

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

3. Встроить ленту Twitter 

• Нажмите кнопку «Опубликовать», выберите «Веб-сайт» из выпадающего меню и дайте название своему каналу. 

• На вкладке «Тема» выберите макет галереи. Нажмите «Сгенерировать код». Выберите подходящий тип галереи и платформу вашего сайта. 

• Войдите в свою учетную запись Squarespace и откройте страницу, на которую вы хотите встроить виджет.

• Нажмите «+Добавить/редактировать блок» и выберите код.

• Вставьте скопированный код и нажмите «Применить».

Расширенные возможности настройки в виджетах

Tagembed является одной из лучших платформ-агрегаторов социальных сетей, которая позволяет пользователям встраивать ленты Twitter на свои веб-сайты. Наряду с Twitter, Tagembed Можно также совокупный контент с таких платформ, как Twitter, Instagram, TikTok, Bluesky и многих других. Одна из самых замечательных особенностей Tagembed ее преимущество заключается в возможности персонализации. 

На сайте Squarespace пользователи могут настраивать каждый аспект своей ленты Twitter. Давайте рассмотрим возможности персонализации. Tagembed. 

а.) Несколько макетов и тем 

Tagembed Предлагает разнообразные макеты и темы, позволяющие пользователям представлять свою ленту Twitter в визуально привлекательном виде. Эти макеты включают в себя: карусель, сетку, список и многое другое. Это помогает пользователям управлять и персонализировать основной внешний вид своей ленты Twitter на веб-сайте. 

б.) Настройка шрифта и текста 

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

в.) Фильтрация и модерация 

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

г.) ​​Пользовательский CSS 

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

Типы тем и макетов Twitter, которые вы добавляете на свой сайт Squarespace 

Вот некоторые каналы Twitter, которые вы можете добавить на свой сайт Squarespace. 

1. Живая лента хэштегов

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

2. Карусель Twitter 

С помощью ленты Twitter Carousel пользователи могут отображать твиты на своём сайте в чередующемся формате. Это позволяет посетителям видеть несколько публикаций одновременно на ограниченном пространстве. Это помогает поддерживать чистоту и динамику сайта. 

3. Карточка новостей Twitter

Еще один продукт отличный тип ленты Twitter Пользователи могут использовать на своих сайтах новостную карту Twitter. Эта лента новостей Twitter позволяет встраивать твиты в новостной формат, идеально подходящий для публикации последних обновлений, объявлений или отраслевых новостей прямо на вашем сайте.

4. Twitter Grid Feed 

Twitter Grid, как тип ленты, помогает наглядно представить ленты Twitter. Благодаря многоколоночной сетке, она обеспечивает более широкий обзор контента, сохраняя при этом организованный и современный вид. 

5. Twitter-канал Masonry

Twitter Masonry — ещё одна лента Twitter, которая представляет твиты в стильном дизайне, где посты подгоняются друг к другу, как кусочки пазла, оптимизируя пространство. Это создаёт визуально привлекательную сетку. Этот тип ленты идеально подходит для демонстрации различных типов твитов без строгой единообразной структуры.

6. Виджет Twitter Photo

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

7. Слайдер Twitter 

С помощью Twitter Slider пользователи могут отображать твиты в удобном формате слайдера с автоматической прокруткой. Посетители могут просматривать публикации горизонтально, не перегружая страницу. Это интерактивный способ поддерживать актуальность и интересность контента.

8. Лента боковой панели Twitter 

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

9. Слайдер-лента отдельных постов Twitter

Лента Twitter Single Photo Post Slider позволяет пользователям показывать по одному твиту в виде вращающегося слайдера. Это привлекает внимание к каждой публикации, что делает её идеальным решением для объявлений, отзывов или освещения важных новостей. увеличение активности в Twitter.

10. Яркая лента Twitter 

С Twitter Vivid Feed вы можете отображать твиты с ярким, привлекающим внимание дизайном и анимацией. Яркий дизайн повышает визуальную привлекательность вашей ленты Twitter, выделяя её и привлекая внимание на любой веб-странице.

Заключительные заметки 

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