Як відобразити події Facebook на вашому сайті WordPress

Ви хочете відображати події Facebook на вашому сайті WordPress. Події Facebook дозволяють рекламувати свої події, використовуючи при цьому потужність найбільшої соціальної мережі у світі. У цій статті ми покажемо вам, як відображати свої події у Facebook на WordPress.


Як відобразити події у Facebook на WordPress

Спосіб 1. Додайте події Facebook за допомогою плагіна Facebook Page

Цей метод використовує соціальні плагіни Facebook, щоб додати ваші події Facebook на WordPress. Вам потрібно буде відредагувати файли тем WordPress. Якщо вам не зручно додавати код вручну, то спробуйте інші методи, описані в цій статті.

Давайте розпочнемо.

Відеоурок

Підписуйтесь на WPBeginner

Якщо вам не сподобається відео чи потрібні додаткові інструкції, продовжуйте читати.

Спочатку потрібно зайти на сторінку Plugin на веб-сайті розробників Facebook. У полі URL-адреси сторінки Facebook введіть URL-адресу вашої сторінки Facebook.

Плагін сторінки Facebook може відображати кілька вкладок із вашої сторінки, включаючи вкладку події. Просто введіть “події” у поле вкладок, і ви помітите перезавантаження вікна попереднього перегляду, щоб відобразити вкладку подій вашої сторінки.

Налаштування плагіну сторінки Facebook

Ви також можете налаштувати інші налаштування, такі як розмір фотографії обкладинки, висота та ширина контейнера тощо.

Задовольнившись, натисніть кнопку “Отримати код”. Це відобразить спливаюче вікно, яке показує два поля коду.

Код плагіна на сторінці Facebook

Першу частину коду потрібно додати у файл header.php вашої теми відразу після тегу.

Далі потрібно скопіювати другу частину коду та вставити його у допис WordPress, сторінку чи текстовий віджет.

Не забудьте зберегти свої зміни.

Це все, що ви зараз можете відвідати ваш веб-сайт, і ви побачите Плагін Facebook, який показує події вашої сторінки.

Подія Facebook вбудовується на сторінку WordPress

Спосіб 2. Додайте події Facebook за допомогою плагіна WordPress

Цей метод дозволяє додавати події Facebook у WordPress без додавання коду до файлів тем.

Перше, що вам потрібно зробити, це встановити та активувати плагін WP Embed Facebook. Детальніше дивіться в покроковому посібнику, як встановити плагін WordPress.

Після активації потрібно відвідати Налаштування »Вставити Facebook сторінки для налаштування параметрів плагіна.

Сторінка налаштувань плагіна поділена на кілька вкладок. Ви приземлитеся на вкладку “Чарівні вкладки”. Прокрутіть трохи вниз до розділу налаштувань Facebook.

WP Вставити сторінку налаштувань Facebook

Потрібно ввести ідентифікатор програми Facebook та секретні ключі. Ви можете отримати ці ключі, відвідавши веб-сайт розробників Facebook та створивши новий додаток.

Створення нового додатка Facebook

Після цього з’явиться спливаюче вікно, де вам буде запропоновано вказати ім’я програми та вибрати категорію.

Укажіть назву свого додатка та виберіть категорію

Натисніть кнопку створити ідентифікатор програми, щоб продовжити.

Тепер Facebook створить ваш додаток, і ви будете перенаправлені на панель інструментів. Клацніть посилання налаштувань у меню ліворуч, щоб переглянути клавіші додатків.

Скопіюйте свій ідентифікатор програми та секретні ключі

Тепер ви побачите ключ ідентифікатора програми та секретний ключ, який буде приховано, і вам потрібно буде натиснути кнопку показати, щоб скопіювати його.

Введіть обидві клавіші у відповідні поля на сторінці налаштувань плагіну WP Embed Facebook для вашого сайту WordPress.

Не забудьте натиснути кнопку “Зберегти всі налаштування”, щоб зберегти зміни.

Тепер ви готові додати свою подію в WordPress. Відредагуйте публікацію чи сторінку, де ви хочете відобразити свою подію у Facebook, і додайте цей короткий код:

[fb_plugin page href ="https://www.facebook.com/YourFBPage" вкладки ="події"]

Не забудьте скористатися власною URL-адресою сторінки Facebook у короткому коді.

Цей короткий код буде відображати плагін на сторінці Facebook лише на вкладці “Події”. Тепер ви можете відвідати ваш веб-сайт, щоб побачити його в дії.

Ви також можете додати короткий код до текстового віджета. Але перш ніж це зробити, вам потрібно буде включити шрифти для віджетів бічної панелі.

Додайте подію, не створену сторінкою або групою Facebook

Деяким користувачам може знадобитися поділитися подією Facebook, створеною за їх особистими профілями. Ці події не пов’язані зі сторінкою. Ось як ви їх покажете за допомогою функції користувальницького вбудови плагіна.

Замість того, щоб використовувати короткий код плагіна на сторінці Facebook, вам потрібно буде використовувати спеціальний вбудований короткий код таким чином:

[facebook https://www.facebook.com/events/1796069560608519/]

Замініть URL-адресу в короткому коді URL-адресою вашої події у Facebook.

Тепер ви можете переглянути свій веб-сайт, щоб побачити події Facebook, що вбудовуються в дію.

Додавання єдиної події Facebook у WordPress

Спосіб 3: Показуйте Календар подій у Facebook за допомогою віджету

Цей метод дозволяє отримати події Facebook для групи чи сторінки та відобразити їх у віджеті бічної панелі WordPress.

Користувачі можуть побачити ваш календар подій у Facebook із датами та можуть натиснути, щоб переглянути або приєднатися до події. Ви можете налаштувати зовнішній вигляд подій за допомогою CSS.

Перше, що вам потрібно зробити – це встановити та активувати плагін Facebook Widget Facebook. Детальніше дивіться в покроковому посібнику, як встановити плагін WordPress.

Після активації вам потрібно відвідати Зовнішній вигляд »Віджети сторінки та додайте віджет Facebook Events на бічну панель. Для отримання більш детальної інформації дивіться наш посібник щодо додавання та використання віджетів у WordPress.

Налаштування віджету Facebook Events

Віджет вимагає ввести ідентифікатор сторінки Facebook. Ви можете отримати ідентифікатор своєї сторінки у Facebook за допомогою цього інструменту в Інтернеті. Просто введіть URL-адресу вашої сторінки у Facebook, і вона надасть вам ідентифікатор.

Далі вам потрібно ввести ідентифікатор програми та секретні ключі.

Ви можете отримати ці ключі, відвідавши веб-сайт розробників Facebook та створивши новий додаток.

Створення нового додатка Facebook

Після цього з’явиться спливаюче вікно, де вам буде запропоновано вказати ім’я програми та вибрати категорію.

Укажіть назву свого додатка та виберіть категорію

Натисніть кнопку створити ідентифікатор програми, щоб продовжити.

Тепер Facebook створить ваш додаток, і ви будете перенаправлені на інформаційну панель програми. Клацніть посилання налаштувань у меню ліворуч, щоб переглянути ключі програми.

Скопіюйте свій ідентифікатор програми та секретні ключі

Тепер ви побачите свій ідентифікаційний ключ програми та секретний ключ програми, який буде приховано, і вам потрібно буде натиснути кнопку показу, щоб скопіювати його.

Вставте ідентифікатор програми та секретні ключі в налаштування віджета і натисніть кнопку збереження.

Ви помітите, що налаштування віджета тепер покаже вам нову кнопку під полем маркера доступу.

Маркер доступу до Facebook

Однак, щоб отримати маркер доступу, вам потрібно буде додати URL свого веб-сайту у додаток Facebook.

На сторінці налаштувань програми Facebook прокрутіть трохи вниз, а потім натисніть кнопку додати платформу.

Додайте платформу у свій додаток Facebook

Це відкриє спливаюче вікно, на якому відображатимуться різні платформи, де ви можете використовувати додаток. Вам потрібно вибрати “Веб-сайт”.

Виберіть веб-сайт як платформу

Далі вам потрібно додати URL-адресу свого веб-сайту в поле URL-адреси сайту та натиснути кнопку збереження змін.

Додайте URL-адресу свого веб-сайту

Тепер ви можете повернутися до налаштувань віджета і натиснути кнопку Get Access Token. Це перенесе вас на веб-сайт Facebook, де вас попросять надати додатку дозвіл на доступ до вашого профілю.

Дозвіл програми

Після цього ви будете перенаправлені назад на сторінку налаштувань віджетів. Не забудьте натиснути кнопку збереження, щоб зберігати налаштування віджета.

Тепер ви можете відвідати свій веб-сайт, щоб побачити віджет Facebook події у дії.

Події Facebook у віджеті бічної панелі WordPress

Віджет Facebook подій має основну таблицю стилів, яка може не відповідати кольорам вашої теми. Вам потрібно буде скористатися інструментом перевірки, щоб побачити класи CSS, згенеровані плагіном, а потім використовувати ці класи для зміни зовнішнього вигляду подій. Дивіться наш посібник про те, як додати спеціальний CSS у WordPress.

Ми сподіваємося, що ця стаття допомогла вам дізнатися, як відображати події Facebook на WordPress. Ви також можете побачити наш список 10 найкращих порад та підручників Facebook для користувачів WordPress.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me