Знаете ли вы, что видео на Facebook генерируют более 8 миллиардов просмотров страниц каждый день? И эти 8 миллиардов вдвое больше, чем год назад? Но как добавить видео из Facebook в WordPress?
Хотя заслуга в этом огромном успехе может быть приписана автоматическому воспроизведению видео и подходящей методологии подсчета просмотров, факт остается фактом: видео Facebook сегодня является основным игроком в потреблении видео.
Это руководство позволит вам использовать видео Facebook, интегрировав их в свои статьи и страницы WordPress. Я покажу вам, как легко встроить видео из Facebook через редактор WordPress. Кроме того, я дам вам информацию о том, как вы можете изменить определенные детали отображения видео, например, чтобы включить автовоспроизведение.
И, наконец, если вы не хотите испачкать руки первым способом, я также покажу вам самый простой способ вставлять видео через iframe.
Но прежде, давайте узнаем вместе Как установить WordPress блог шаги 7 et Как найти, установить и активировать WordPress тему на своем блоге.
Затем вернемся к тому, почему мы здесь.
Преимущества интеграции видео в Facebook
Хотя YouTube, вероятно, останется королем видео в будущем, я вижу некоторые преимущества в интеграции видео Facebook. Например, вы можете ...
- Наслаждайтесь прямой трансляцией - возможно, вы видели популярную новую функцию потокового вещания, которую недавно запустил Facebook. Когда вы встраиваете видео с помощью этого метода, вы также сможете встроить прямую трансляцию из Facebook на свой сайт WordPress.
- Перекрестное продвижение вашей страницы в Facebook - Интеграция видео с Facebook предоставляет еще один метод продвижения вашей страницы Facebook на вашем веб-сайте. Даже если вы уже включили " Лайк Или делится, встраивание видео прямо из Facebook обеспечивает другое соединение. Конечно, если вы пытаетесь продвигать канал YouTube, вам нужно будет выбрать свои приоритеты.
- Организация видеоконтента с других страниц Facebook - если вы видите на Facebook видео, которое хотите включить в сообщение или страницу, встраивание - это практически единственный вариант, если вы не хотите напрямую перейти на страницу Facebook.
Как интегрировать "Facebook Video" с JavaScript SDK
Этот процесс настройки «Facebook видео» довольно безболезненный. Но это не требует добавления небольшого фрагмента кода в вашу тему или в плагин, который вы разработали. Этот фрагмент кода необходим, потому что он позволяет вам делать изящные вещи, например добавлять автовоспроизведение к вашим встроенным видео.
Вот 10 лучших плагинов WordPress для управления рекламой
Итак, для начала вам нужно добавить Facebook JavaScript SDK в заголовок вашей темы. По сути, это причудливое название для этого фрагмента кода:
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.6";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
Для тех, кто использует Темы WordPress без опции вставки содержимого вам нужно будет получить доступ к файлу header.php вашей темы и добавить сразу после тега следующий код:
В идеале вы должны использовать детская тема и добавьте этот фрагмент в вашу дочернюю тему header.php, а не в родительскую.
Как интегрировать видео на Facebook в WordPress? Узнайте также, нажав на эту ссылку
После однократного добавления этого кода все готово. Вы можете вставлять видео куда угодно, используя стандартный код вставки.
Как интегрировать видео в Facebook
Чтобы сгенерировать этот второй фрагмент кода, вам нужно найти фактический URL-адрес видео, которым вы хотите поделиться, а затем добавить этот URL-адрес в этот фрагмент:
Вы также можете изменить ширину видео в пикселях, изменив параметр data-width на другое число.
Также прочитайте наш учебник на Как оптимизировать базу данных, нажав на WordPress
Есть несколько способов получить этот URL. Если вы ищете видео-статью в ленте своей страницы, вы можете просто щелкнуть правой кнопкой мыши по метке времени и скопировать URL-адрес:
Если вы ищете ссылку в полноэкранном режиме, вы можете найти URL-адрес таким же образом:
Чтобы дать вам реальный пример, вот как будет выглядеть код внедрения после добавления URL. Мы установим ширину видео 550 пикселей:
Просто вставьте этот код в текстовую вкладку редактора WordPress, чтобы встроить видео. Вы также можете добавить этот код на свою боковую панель или в другое место, которое будет поддерживать этот код:
После публикации статьи вы должны увидеть встроенное видео:
Как включить автоматическое считывание
Одним из больших преимуществ такой интеграции видео из Facebook является возможность включить автовоспроизведение "Автовоспроизведение" (приглушенный) Как и на Facebook.
Смотрите также нашу статью о социального обмена 15 Лучшие плагины WordPress
Если вы хотите добавить автовоспроизведение видео на Facebook, вам просто нужно добавить атрибут в свой код для встраивания.
Вот атрибут, который вам нужно добавить:
данные автозапуск = «истина»
В полном встроенном коде это будет выглядеть так:
<div class="fb-video" data-href="https://www.facebook.com/elegantthemes/videos/10153760379211923/"data-allowfullscreen="true" data-width="550" data-autoplay="true"></div>Как только вы внесете это изменение, ваши видео должны автоматически воспроизводиться на соответствующей странице или в публикации.
Как интегрировать видео в Facebook с iFrames
Если вы не хотите ломать голову, Facebook также добавил интеграцию «iframe». Эта функция почти такая же, как на YouTube. Только вы должны знать, что вы не сможете активировать автовоспроизведение на Facebook.
Откройте для себя 10 плагинов WordPress для улучшения продвижения ваших продуктов
Таким образом, хотя таким способом добавлять видео проще, этот метод не предлагает столько функций, как приведенный выше.
Чтобы найти код встраивания, вы должны сначала нажать на маленькую стрелку в правом верхнем углу видеопоста:
Затем выберите опцию интеграция "Или" вставлять "(Мой facebook на английском языке).
Откроется новое окно, которое позволит вам скопировать код плеера, который будет предлагать видео.
Просто скопируйте этот код и вставьте его в текстовую вкладку редактора WordPress:
Когда вы публикуете видео, вы должны увидеть его точно так же, как в предыдущем примере.
Также откройте для себя некоторые дополнительные премиальные плагины WordPress
Вы можете использовать другие плагины для отображения обратного отсчета в своем блоге WordPress. Далее я предлагаю некоторые из них.
1. Поделиться, распечатать и PDF продукты для WooCommerce
Ce Плагин Wordpress не только поможет вам предложить вашим посетителям возможность просмотра любого PDF-файла, доступного им непосредственно на вашем веб-сайте, но также поможет им легко поделиться им.
Он предоставляет вам множество функций, таких как печать, загрузка, масштабирование, обмен и многое другое. Это Плагин Wordpress чей макет полностью адаптивен, чтобы любой пользователь мог получить к нему доступ на своем мобильном устройстве без особых ограничений.
Читайте также 8 WordPress плагины для отображения значков обмена в вашем блоге
Он также предлагает вам множество вариантов настройки, чтобы адаптировать его к вашей теме WordPress. Это даст вам возможность изменить цвет, чтобы использовать качество изображения Retina и т. д.
скачать | Демонстрация | веб-хостинг
2. Octaboo
Octabook является Плагин Wordpress очень простой в использовании инструмент мгновенного бронирования премиум-класса практически для всех типов услуг и поставщиков услуг, которые хотят предложить онлайн-бронирование с веб-сайта.
Он предлагает несколько функций, в том числе: поддержку множественной локализации, настройку услуг, динамическое ценообразованиеуведомления и т. д., поддержка настраиваемых полей для форм, настройка внешнего вида, поддержка Календаря Google, интуитивно понятная панель инструментов, экспорт данных в формат csv и многое другое.
скачать | Демонстрация | веб-хостинг
3. Плагин YouTube
Подготовьте свой сайт наилучшим образом для потоковой передачи видео на YouTube. Yottie - его маленькое имя - это мощный плагин WordPress, предназначенный для управления и интеграции видео YouTube на ваш сайт или в блог.
Это позволяет вам выбрать нужные каналы и даже уникальные видео, чтобы создать свой собственный список воспроизведения прямо в своем блоге. Он имеет более чем настраиваемые параметры 100, цветовые палитры 4 и поддерживает почти языки 16. Короче говоря, у вас будет множество вещей для настройки.
Откройте для себя Как зарегистрироваться и оптимизировать изображения вашего блога WordPress
Эта видеогалерея WordPress, посвященная YouTube, полностью отзывчива, поэтому вы можете охватить широкую аудиторию любым видом навигационных устройств.
скачать | Демонстрация | веб-хостинг
Рекомендуемые ресурсы
Узнайте о других рекомендуемых ресурсах, которые помогут вам создать и управлять своим сайтом.
- Как сжать и изменить размер изображения на WordPress
- Плагины 5 WordPress для создания настраиваемых макетов
- Почему фрилансерам нужен ежедневный график
- Плагины 15 WordPress для создания сайта бронирования
- 5 WordPress плагины для увеличения числа подписчиков
Заключение
Вот! Это все для этого урока. Надеюсь, этот обзор поможет вам понять, как встраивать видео из Facebook в WordPress. Если у вас есть какие-либо вопросы, не стесняйтесь их задавать.
Однако вы также сможете ознакомиться с нашими Ressources, если вам нужно больше элементов для реализации ваших проектов создания интернет-сайтов, обратитесь к нашему руководству по Создание блога на WordPress.
не стесняйтесь поделитесь этой статьей с друзьями в ваших любимых социальных сетях. А пока расскажите о своем Комментарии и предложения в специальном разделе.
...
