Looking for a quick and easy tutorial on how to embed a Facebook video in WordPress?
Встраивания Facebook отличаются от простой ссылки на публикацию Facebook. С помощью встраиваний ленты Facebook вы можете отображать столько информации со своей бизнес-страницы Facebook, сколько сочтете нужным.
But the tricky part is to create a Facebook video in WordPress.
WordPress doesn’t support Facebook and Instagram oEmbeds anymore. oEmbed was a simple way to fetch Facebook and Instagram photos on any site by simply pasting the link. But now, you have to sign up as a Facebook app developer and create an app with oEmbed permissions to embed Facebook photos and videos in WordPress.
If that sounds complicated, that’s because it really is. The good news is that there’s a super simple way to embed Facebook posts in WordPress. In this article, we’re going to see exactly how you can embed a Facebook video in WordPress without a single line of code.
И мы сделаем это за 10 минут или меньше!
Давайте начнем.
Why You Should Embed a Facebook Video in WordPress
If you can embed a Facebook video in WordPress, you’ll see a lot of benefits right away. It’s a great way to get the website visitors you bring in from other channels such as SEO to become your Facebook follower.
Но это лишь самое очевидное преимущество. С помощью лент Facebook вы можете настроить раздел для отображения отзывов клиентов, контента от ваших лучших партнеров и влиятельных лиц, а также ваших самых успешных кампаний. Это также очень просто сделать. Вы можете фильтровать отображаемые публикации по конкретным хэштегам и упоминаниям бренда.
The dynamic content also increases the engagement on your site as well. This is also true for video content. Since embedded videos increase the time your visitors spend on your site, it can also increase your SEO rankings.
Как встроить ленту Facebook на ваш сайт WordPress
Вы можете легко встраивать ленты Facebook на свой веб-сайт, используя плагин Facebook Feed Pro от Smash Balloon.
Smash Balloon — это плагин для социальных сетей №1 для WordPress. Плагин Facebook Feed Pro от Smash Balloon — это самый простой способ встраивать публикации Facebook в WordPress.
Вы можете использовать Smash Balloon для:
- Используйте свои ленты хэштегов на сайте как социальное доказательство
- Отображайте интерактивные ленты Twitter, чтобы повысить вовлеченность на сайте
- Встраивайте свои видео YouTube на сайт, чтобы увеличить количество подписчиков
- Добавляйте на свой сайт реальные отзывы из бизнес-страницы Facebook, чтобы увеличить конверсию
И многое другое! Самое главное, Facebook Feed Pro позволяет встраивать ленту Facebook без регистрации в качестве разработчика приложений. Это сэкономит вам массу времени и усилий.
Если вы хотите ознакомиться с полным списком функций Smash Balloon, вам стоит прочитать наш обзор Smash Balloon.
Следующие несколько шагов — это все, что вам нужно сделать, чтобы встроить фотографии Facebook в WordPress. Если вы выполните каждый шаг, вы сможете создать ленту Facebook на своем сайте, подобную этой:
Давайте начнем.
Шаг №1: Установите и активируйте плагин Facebook Feed Pro
Прежде всего, установите и активируйте плагин Facebook Feed Pro. Вы можете скачать плагин Facebook Feed Pro из вашей учетной записи Smash Balloon в разделе Загрузки:
Затем активируйте плагин, используя ваш лицензионный ключ, в вашей панели администратора WordPress, перейдя в раздел Facebook Feed » Настройки » Общие » Лицензионный ключ. Вставьте ваш лицензионный ключ и нажмите кнопку Активировать.
Шаг № 2: Подключите вашу учетную запись Facebook к WordPress
В вашей панели администратора WordPress перейдите в раздел Facebook Feed » Настройки » Общие » Управление источниками и нажмите кнопку плюс (+):
Затем выберите источник как Страница или Группа и нажмите кнопку Подключить:
Как только вы войдете в свою учетную запись, вы сможете создавать ленты Facebook для вашего сайта.
Вы можете создавать 4 типа лент Facebook:
- Хроника пользователя: Этот тип ленты доступен для всех учетных записей, и вы можете использовать его для отображения ваших последних публикаций.
- Фотографии: Вы можете встроить этот тип ленты для отображения вашей галереи Facebook.
- Видео: Этот тип ленты отображает только ваши видео из Facebook.
- Альбомы: Вы можете разместить свои альбомы из Facebook на вашем веб-сайте.
Pick the Video feed type and click the Next button. You’ll be prompted to select the source for your Facebook video. You can either:
- Embed all the videos from a Facebook page or group
- Or, embed a specific playlist from a Facebook page or group
If you want to import a specific playlist, you need the URL for the playlist from Facebook. Copy the URL and paste it in:
Next, you can customize your video feed layout.
Шаг № 3: Настройте вашу ленту Facebook
Теперь самое интересное в Smash Balloon. Вы можете использовать редактор перетаскивания для настройки вашей ленты Facebook! В боковой панели слева вы найдете множество простых в использовании опций дизайна.
Настроить макет ленты
Вы можете нажать на вкладку Макет ленты в разделе Настроить, чтобы выбрать макет для вашей вставки:
Вы можете выбрать один из 4 типов макетов. Вы можете посмотреть, как каждый из них выглядит в предварительном просмотре, а затем выбрать тот, который вам больше всего нравится:
Вы также можете установить пользовательскую высоту и отступы ленты:
Вы даже можете указать количество публикаций, которые вы хотите отображать одновременно:
И если вы чувствуете себя очень креативно, вы также можете установить количество столбцов в вашей ленте Facebook:
Настроить цветовую схему
Цветовая схема по умолчанию в Facebook Feed Pro предназначена для работы практически с любым дизайном сайта. Но на всякий случай, если вы чувствуете, что она не вписывается в остальную часть вашего сайта, вы также можете настроить цветовую схему ленты.
В разделе Настроить перейдите в Цветовая схема, чтобы выбрать пользовательский вид:
Мы рекомендуем использовать опцию Наследовать от темы, так как она автоматически получает стили вашей темы.
Но вы можете нажать на Пользовательский, чтобы создать свою собственную цветовую схему.
Add Sections to Your Facebook Video in WordPress
Наконец, вы также можете добавить пользовательские разделы в вашу ленту Facebook в разделе Настроить » Разделы:
К ним относятся:
- Заголовок: Вы можете настроить заголовок, чтобы включить стили шрифтов, пользовательское изображение профиля, пользовательское описание и многое другое.
- Публикации: Вы можете настроить разрешение изображений и видео для ваших публикаций, разрешить подписи, включить сводки лайков и комментариев, а также создать эффекты при наведении.
- Кнопка «Загрузить еще»: Вы можете добавить кнопку «Загрузить еще» в свою ленту, чтобы загружать больше изображений, когда посетители нажимают на них.
- Кнопка «Подписаться»: Вы можете добавить кнопку, чтобы побудить посетителей вашего сайта подписаться на вас в Facebook.
- Лайтбокс: Вы можете создать всплывающее окно лайтбокса, в котором ваши публикации будут открываться в полноэкранном режиме при нажатии.
Когда вы будете довольны настройками, нажмите кнопку Сохранить.
Step #4: Embed Facebook Video in WordPress
Теперь, когда ваша лента полностью настроена, пришло время встроить публикации Facebook на ваш сайт. В панели управления WordPress перейдите в раздел Facebook Feed » All Feeds и скопируйте шорткод ленты:
Now, you can use this shortcode to create a Facebook video in WordPress instantly. You can add it to the sidebar, footer, posts, and even pages across your site.
Если вы выполнили все шаги от начала до конца, у вас должна получиться лента Facebook на вашем сайте, подобная этой:
Вот и все! Вы закончили.
What to do After You Embed a Facebook Video in WordPress
На этом всё, друзья!
Вам также стоит ознакомиться с тем, как встроить фотографии Instagram в WordPress. А если вы хотите увеличить количество подписчиков в социальных сетях, вам следует настроить вирусный розыгрыш.
После этого останется только генерировать трафик на ваш сайт, чтобы получать больше потенциальных клиентов и продаж. Простой способ сделать это — начать использовать push-уведомления. Отправка push-уведомлений — отличный способ генерировать повторный трафик на ваш сайт. Если вас это интересует, вам также стоит ознакомиться с этими статьями:
- Стоимость push-уведомлений: действительно ли это бесплатно? (Анализ цен)
- Как привлечь больше трафика на ваш блог WordPress (9 простых способов)
- Как повысить коэффициент согласия на получение push-уведомлений (7 способов)
- Как добавить плагин веб-уведомлений WordPress на ваш сайт
Мы рекомендуем использовать PushEngage для отправки ваших push-уведомлений. PushEngage — это программное обеспечение для push-уведомлений №1 в мире. Так что, если вы еще этого не сделали, начните работу с PushEngage сегодня.
