Как встроить видео и видеоленты TikTok на свой сайт

  • Автор темы Altaran
  • Дата начала

Выкуп купонов GainStorm в любых объемах

Altaran

Altaran

Модератор
Команда форума
С момента своего запуска в 2016 году TikTok продемонстрировал феноменальный рост . И, кажется, в ближайшее время никуда не денется. Гиперпопулярная платформа для коротких видео в социальных сетях позволяет пользователям создавать и публиковать клипы с участием танцев, синхронизации губ, музыки, еды, красоты, моды, комедии и практически любого другого типа контента, который вы можете себе представить. Приложение значительно расширилось, чтобы заполнить пустоту, оставшуюся после смерти Вайна в конце 2016 - начале 2017 года.

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

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

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

Но сначала вам может быть интересно, есть ли какие-либо преимущества встраивания ваших видео TikTok на ваш сайт.

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

Зачем беспокоиться о встраивании?

Оказывается, есть несколько причин, по которым имеет смысл встраивать видео TikTok на свой сайт.

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

2. Пользовательский опыт и SEO
Добавление видео на ваш сайт может дать вам повышение SEO , увеличить время, которое посетители проводят на вашем сайте, снизить показатель отказов и увеличить показатель CTR.

3. Пользовательский контент
Пользовательский контент - это маркетинговое золото. Все больше и больше потребители недоверчиво относятся к очевидной рекламе. Видео TikTok с пользовательским контентом можно использовать в качестве социального доказательства на вашем сайте.

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

Как встроить видео TikTok на сайт WordPress
Есть три способа встроить видео TikTok на сайт WordPress:

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

Добавьте видео TikTok на сайт WordPress с помощью редактора блоков
Начните с открытия видео TikTok, которое вы хотите встроить в браузер. В приложении TikTok просто нажмите кнопку « Поделиться» на видео, которое хотите встроить, а затем нажмите « Копировать ссылку» :

1605106110291-png.1275


Вставьте эту ссылку в свой браузер и нажмите на видео TikTok, чтобы открыть видеоплеер. Справа вы увидите кнопку « Вставить» :

1605106146611-png.1276


Нажмите кнопку « Вставить» , чтобы отобразить код для внедрения, затем нажмите « Копировать код», чтобы скопировать код для внедрения.

1605106177647-png.1277


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

1605106195693-png.1278


Встраивайте видео TikTok в свой WordPress с помощью виджетов
Еще один простой способ встроить видео из TikTok на ваш сайт - использовать виджет. Для этого скопируйте URL- адрес видео TikTok, которое вы хотите использовать, и перейдите в WordPress. На панели управления WordPress перейдите в Внешний вид> Виджеты и щелкните значок + . Найдите «TikTok», чтобы открыть блок для встраивания TikTok.

1605106220022-png.1279


Вставьте URL-адрес видео TikTok в текстовую область. Не забудьте сохранить изменения!

Эти два метода - отличный способ быстро встраивать видео TikTok на ваш веб-сайт WordPress, но вы заметите, что за раз можно встраивать только одно видео. Кроме того, они не обновляются при изменении вашей ленты. Если вы хотите показывать посетителям своего сайта ленту TikTok, вам понадобится плагин. Мы собираемся показать вам, как это сделать, используя плагин WP TikTok Feed от QuadLayers.

Добавьте видео TikTok и видео-каналы TikTok на свой сайт WordPress с помощью плагина
Мы выбрали плагин WP TikTok Feed, потому что он удобен для пользователя и предлагает легкую загрузку и кеширование видео. Этот плагин также будет загружать видеоданные, чтобы вы могли хвастаться своими лайками и комментариями . Кроме того, вы можете использовать его для встраивания отдельных видеороликов TikTok или видеопотоков. И мы упоминали, что это бесплатно?

Вот некоторые из функций плагина WP TikTok Feed, которые нам нравятся:

  • Легко настроить и синхронизировать
  • Обновление автоматизировано
  • Кэширование данных для минимизации запросов и сокращения времени загрузки
  • Настройка дает вам возможность изменить внешний вид, расположение и макет вашей ленты TikTok.
  • Синхронизация нескольких каналов TikTok
  • Полный контроль загрузки и встраивания видео, а также кэширование видео
  • Множественные макеты и варианты настройки, а также варианты для мобильных устройств
  • Совместимость с любой темой WordPress
Для начала вам необходимо установить и активировать плагин WP TikTok Feed. На панели управления WordPress перейдите в Плагины> Добавить новый и найдите WP TikTok Feed :

1605106261451-png.1280


Щелкните Установить сейчас . После установки плагина нажмите Активировать :

1605106282535-png.1281


После активации плагина перейдите в TikTok Feed> Feeds . Вы заметите, что демо-канал TikTok был добавлен с использованием #wordpress. Это вызывает контент с включенным хэштегом TikTok . Чтобы добавить свою собственную ленту TikTok, нажмите кнопку + Feed :

1605106300621-png.1282


При нажатии на эту кнопку открывается новый экран, на котором вы можете добавить видеопоток TikTok, используя хэштег TikTok или введя конкретное имя пользователя.

1605106320087-png.1283


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

Мы собираемся настроить параметры показа видео TikTok с помощью #influencer, чтобы в нашей ленте отображались только видео с этим хэштегом. Мы также собираемся выбрать Masonry, потому что хотим, чтобы полный эскиз отображался в вертикальном, портретном виде. Мы собираемся оставить предел на 12 и столбцы на 3. Нажмите « Сохранить», когда вы закончите, и вы увидите, что ваш новый канал был добавлен с шорткодом.

1605106337323-png.1284


Теперь вы можете скопировать этот шорткод и вставить его в сообщение или страницу. В редакторе контента на странице, на которую вы хотите встроить фид TikTok, нажмите значок + и выполните поиск по запросу «шорткод». Затем щелкните виджет шорткода, чтобы добавить его в свой пост или страницу.



 
Altaran

Altaran

Модератор
Команда форума
1605106384938-png.1285

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

1605106402632-png.1286


Если вы не хотите, чтобы кнопка View on TikTok отображалась, вы можете удалить ее. Просто перейдите в TikTok Feed> Feeds и нажмите Edit для ленты, которую хотите отредактировать. Вдоль левой стороны экрана вы увидите видео, всплывающее окно и кнопку в дополнение к общим настройкам. Чтобы отключить кнопку TikTok, перейдите в настройку кнопки . Вы сможете полностью удалить кнопку, изменить формулировку и настроить цвет кнопки:

1605106415986-png.1287


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

1605106452207-png.1288


Вы можете настроить свой канал, удалив автовоспроизведение, отрегулировав расстояние между видео, удалив элементы управления видео, показывая / скрывая лайки и комментарии и многое другое.

1605106477673-png.1289


Вы также можете использовать шорткод ленты TikTok для создания виджета. Если вы хотите, чтобы ваш канал TikTok отображался на боковой панели, например, вы можете добавить шорткод в качестве виджета боковой панели, перейдя в « Внешний вид»> «Виджеты» и добавив виджет Text или TikTok на свою боковую панель.

Как встраивать видео из TikTok на сайт, отличный от WordPress
Встраивать видео TikTok на сайт, отличный от WordPress, очень просто. Это займет всего минуту и не требует наличия какого-либо специального плагина или расширения.
Вы выполните те же действия, что и для встраивания видео TikTok на сайт WordPress. Начните с открытия видео TikTok, которое вы хотите встроить в браузер. В приложении TikTok просто нажмите кнопку «Поделиться» на видео, которое хотите встроить, а затем нажмите «Копировать ссылку».
Вставьте эту ссылку в свой браузер и нажмите на видео TikTok, чтобы открыть видеоплеер. Справа вы увидите кнопку «Вставить». Нажмите кнопку «Вставить», чтобы отобразить код для внедрения, затем нажмите «Копировать код», чтобы скопировать код для внедрения.
Теперь все, что вам нужно сделать, это вставить код на свой сайт. Откройте страницу, на которую вы хотите встроить видео, и вставьте код туда, где хотите.
Просмотрите свою страницу, чтобы убедиться, что видео отображается правильно. Как только вы захотите, сохраните или опубликуйте свою страницу. Во встроенном видео TikTok будет отображаться информация о создателе видео, описание видео и исходный фоновый звук для видео TikTok, а также ссылка на видео в TikTok или на TikTok.com.

Как встроить видеопоток TikTok на сайт, отличный от WordPress
Чтобы встроить свой видеопоток TikTok на веб-сайт, отличный от WordPress, вам понадобится такой инструмент, как Embedly, Flockler или EmbedSocial, чтобы сделать это быстро и легко. Мы собираемся показать вам, как это сделать с помощью EmbedFeed от EmbedSocial в этом руководстве.
После того, как вы зарегистрировались для учетной записи EmbedFeed, перейдите в Источники и нажмите TikTok, чтобы выбрать его. Затем нажмите Далее .

1605106529717-png.1290


В поле TikTok Video Link введите URL-адрес видео TikTok, которое вы хотите встроить, и нажмите Create TikTok Source . На открывшейся странице источников TikTok нажмите Добавить новое видео, чтобы добавить больше видео (из того же источника / пользователя) в ваш канал:

1605106548024-png.1291


После того, как вы добавили нужные видео в этот источник, нажмите « Сохранить» . Теперь вы готовы создать виджет!
Зайдите в Виджеты и нажмите Create New :

1605106568731-png.1292


Назовите свой виджет, выберите, сколько видео показывать, выберите источник или источники, которые вы хотите включить, и нажмите « Создать виджет» . Ваш виджет готов к работе, но у вас есть несколько вариантов настройки на выбор.
общие настройки
  • Название виджета
  • Локализация (язык)
  • Автосинхронизация
  • Гугл Аналитика
Верстка и дизайн
  • Параметры макета, включая подачу, стену, кладку, сетку, слайдер, карусель и коллаж.
  • Количество столбцов (динамическое или до четырех)
  • Промежуток между видео
  • Размер заголовка
  • Цвет заголовка
  • Пользовательские CSS
Фильтры
  • Тип сообщения (изображение и видео или текст)
  • Постов на странице
  • Сортировать по дате
  • Установить дату начала
  • Фильтр по ключевым словам
Элементы виджета
  • Выравнивание заголовка
  • Показать / скрыть заголовок
  • Заголовок виджета
  • Кнопка подписки (нет, пользовательский URL или TikTok)
  • Источник кнопки
  • Пагинация (числа или «Загрузить больше»)
  • Показать / скрыть последнюю миниатюру в заголовке
  • Показать / скрыть количество сообщений
  • Показать / скрыть логотип
  • Показать / скрыть полный текст
  • Показать / скрыть текст под изображением
  • Ссылка на публикацию (нет, исходный источник или лайтбокс)
После того, как вы настроили свой виджет так, как вам нужно, скопируйте предоставленный код и вставьте его на нужную страницу своего веб-сайта.

1605106589989-png.1293
 
Верх