Віджет вконтакті wordpress. Плагін VKontakte API for WordPress та кроспостинг Вконтакті. Плагін Vkontakte api

Вітання!
До нас у орендовану тайську квартиру приїхали гості, так здорово побачити земляків, коли знаходишся далеко від будинку.

Сьогодні хочу розповісти вам про основні віджети ВКонтакте, які можна впровадити на свій блог. Віджети – це невеликі програми, кожна з яких виконує одну певну функцію на сайті, на мобільному пристрої, браузері і т.д. Це може бути кнопка, вікно, меню, підказка та інше.
На сайті розмістити віджет можна за допомогою HTML-коду. Окрему нішу займають соціальні віджети. А оскільки сьогодні однією з найпопулярніших соціальних мереж у Рунеті є ВКонтакте, дізнаємось, які її інструменти ми можемо задіяти на своїх блогах.

Віджети Вконтакте для WordPress

Код усіх доступних ВКонтакте-віджетів є у розділі «Розробники». Потрапити до нього можна за посиланням vk.com/dev/sites. Усього є дев'ять типів віджетів:

«Коментарі»
«Запис на стіні»
"Співтовариства"
"Мені подобається"
«Рекомендації»
«Опитування»
«Авторизація»
«Публікація посилань»
"Підписатися на автора".

Розглянемо кожен із них докладніше.

Віджет коментарів Вконтакте для сайту

Заповніть форму: введіть назву та адресу сайту (основний домен підставиться автоматично); Виберіть тематику блогу, кількість коментарів, які будуть відображатися. Якщо кількість коментів перевищить вказане вами, всі їх можна буде побачити, натиснувши кнопку «Попередні записи».

У пункті “Медіа” ви можете вибрати те, що користувачі можуть прикріплювати до своїх коментарів. Наприклад, з такими налаштуваннями, як на нижче, користувачі зможуть писати текстові коментарі, прикріплюючи до них графіті та посилання:

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

Запис на стіні

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

Як встановити віджет групи ВКонтакте

Додати групу ВКонтакте на сайт можна за допомогою спеціального віджету. Вставте посилання на групу чи публічну сторінку вашого сайту; виберіть, що буде відображатися — мініатюри аватарок учасників, останні новини або лише назва спільноти. Встановіть ширину та висоту віджету в пікселях, налаштуйте віджет спільноти ВКонтакте під дизайн свого сайту та додайте отриманий код на сайт.

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

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

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

Код цього віджету теж має дві частини, як і коментарі. Першу з них додайте у файл header.php, а другу в потрібне місце на сайті.

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

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

Поставте запитання та варіанти відповіді. Додавати нові можна за допомогою "додати" (розташована під "Варіанти відповіді").

У коді цього віджету також є дві частини, розділені HTML-коментарями.

Нерідко користувачі не хочуть витрачати час на реєстрацію. Цей віджет дозволить додати на сайт авторизацію через обліковий запис ВКонтакте. Користувачеві не доведеться реєструватися: він просто зайде на сайт через свій профіль ВКонтакте. З приводу авторизації у ВКонтакті є хороша інструкція з посилання на vk.com/dev/Auth .

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

Виберіть стиль віджету (відштовхуйтеся від дизайну сайту), відредагуйте текст на кнопці. Вкажіть, чим користувачі будуть ділитися, виберіть варіант логотипу ВКонтакте і скопіюйте код.

Віджет ВКонтакті для WordPress

Загальні правила для того, щоб вставити віджет Вконтакте на сайт:

Код необхідно вставляти в частину теми, де ви хочете бачити віджет. Це може бути файл header.php, single.php, sidebar.php тощо. в залежності від функції віджету та дизайну вашого сайту. Докладніше про ці файли читайте у статті про те, . Якщо код ділиться дві частини, першу з них потрібно додати перед тегом, що закривається, у файлі header.php.
Крім того, якщо вам сподобався якийсь віджет ВКонтакте, його можна додати в адмінці блогу (віджети).
Якщо ви вирішили додати відразу кілька віджетів на сайт, то зверніть увагу, що у багатьох є рядок коду
Достатньо вставити її один раз, не потрібно дублювати.

Якщо у вас залишилися питання щодо роботи з віджетами Вконтакте, перегляньте відео:

P.S.Наші старі подруги приїхали відвідати нас у Районзі. Далі їх чекає довга подорож через пів-Таїланду та Лаосу автостопом з ночівлями по каучсерфінгу та в буддистських монастирях. Мене захоплюють бюджетні подорожі, але вони вимагають дуже багато сил та енергії.

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

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

Плагін допоможе вам розмістити пости в двох найбільших соціальних мережах ВКонтакте і Facebook. Причому можна обрати постити у групу чи публічну сторінку. А на сторінку облікового запису постити не вийде.

Як користуватися?

На початку вам потрібно завантажити з офіційного сайту wordpress плагін для кроспостингу VKontakte API for WordPress.

Потім вам потрібно буде встановити плагін на сайт. Це робиться як завжди. А ось після нього треба буде налаштувати... про це я й розповім зараз.

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

Оскільки у вас швидше за все немає програми, то її потрібно створити. Це дуже просто. Переходимо по цій засланніі творимо його!

Вписуємо назву, обов'язково! вибираємо веб-сайт і прописуємо його адресу та базовий домен як зазначено у прикладі. Адреса з http, а базовий домен без. І тиснемо підключити сайт.

На малюнку я їх стер, бо це тільки для мого сайту. Це зроблено з міркувань безпеки.

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

Здрастуйте, дорогі читачі! Друзі, сьогодні я покажу вам, як встановити (підключити) коментарі ВКонтактена сайт чи блог ВордПрес. Соціальна мережа VKontakte найвідвідуваніший ресурс російськомовного сегменту мережі інтернет. Щодня на сайт заходять понад 59 мільйонів людей. А аудиторія сайту – понад 130 мільйонів користувачів. Кожен , залишений через віджет коментарів ВКонтактена сайті WordPress може автоматично на сторінку прокоментував, а також потрапляє в новини для його друзів. Такий коментар завжди містить посилання на вихідну статтю. В результаті про коментар та існування статті дізнаються друзі коментатора, які зможуть приєднатися до дискусії. Про їхні коментарі, у свою чергу, будуть сповіщені вже їхні друзі – і так далі. Далі інформація може поширюватися лавиноподібно. А це вже називається вірусність .

Виберіть зі списку пункт "Коментарі":

Виберіть зі списку "Коментарі"

Наступний крок, це налаштування коментарів ВКонтакте. Заповніть подану форму:

Скрипт коментарів у файлі header

Оновіть файл. Другий скрипт нам потрібно вставити у файл "Коментарі" (comments.php), де Ви хочете, щоб відображалася форма коментарів ВКонтакте. У моєму прикладі вставив після заголовка:

Віджет коментарів ВКонтакте на сайті ВордПрес

Як приховати коментарі ВКонтакті зі спамом (видалити)

Адмін сайту, що встановлює код віджету, має можливість модерувати дискусію прямо зі сторінок свого ресурсу, видаляючи небажані коментарі. Для цього є пункт "адміністрування", дивіться скріншот вище. Натискаєте його і будь ласка видаляйте непотрібні коментарі, а найзлісніших спамерів занесіть до чорного списку:

Ось начебто і все. Наступний урок я покажу вам, як встановити коментарі на сайт. Сподіваюся друзі піст був корисний вам. Успіху і до нової зустрічі.

(function(w, d, n, s, t) ( w[n] = w[n] || ; w[n].push(function() ( Ya.Context.AdvManager.render(( blockId: "R-A -292864-4", renderTo: "yandex_rtb_R-A-292864-4", async: true )); )); t = d.getElementsByTagName("script"); s = d.createElement("script"); .type = "text/javascript"; s.src = "//an.yandex.ru/system/context.js"; s.async = true; t.parentNode.insertBefore(s, t); , this.document, "yandexContextAsyncCallbacks");

Всім привіт! Зараз соціальні мережі переживають справжній бум популярності. Практично всі користувачі інтернету мають свою сторінку в одній або кількох соціальних мережах. Які з них найпопулярніші? На думку відразу приходять VKontakte і Facebook. Сьогодні я вам розповім про плагін ВКонтакті WordPress, які додають на блог коментарі ВК, соціальні кнопки та віджети.

Для роботи плагіна необхідно мати обліковий запис ВК. Сам плагін встановлюється стандартно:

Після активації буде створено окремий пункт у мене адмінки WordPress - Vkontakte API. Розглянемо наведені в ньому налаштування.

Перше з чого слід почати — створити новий додаток у ВК.

Порядок дії наступний:

введіть назву програми;
позначте галочкою пункт веб-сайт;
додайте опис програми;
натисніть «Перейти до завантаження програми».

На наступній сторінці вводимо адресу сайту (у форматі http://vash_sayt.ru) та базовий домен (vash_sayt.ru). За бажання можна додати іконку та фото завантажити. Зберігаємо зміни. Тепер копіюємо з цієї ж сторінки ID програми та Захищений ключ та вставляємо у налаштування плагіна Vkontakte API.

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

Коментарі.

Плагін автоматично додає у WordPress коментарі ВКонтакте, нікого додаткового коду нікуди вставляти не треба. Стандартні коментарі WordPress при цьому так само працюють, але їх можна відключити, поставивши галочку навпроти "Прибрати кометарії WordPress-а".

Медіа у коментарях.

Які медіафайли можуть додаватися до коментаря. Зверніть увагу на пункт Посилання, який я б відключив, щоб менше спаму було.

Кнопка "Мені подобається".

Додати іконку «Мені подобається» на блог та налаштувати її розташування. Відмінна функція, що дозволяє читачам розповісти про ваш блог своїм друзям.

Ще одна іконка від VKontakte.

Facebook Like button.

Віджет повідомлень в контакті на свій сайт. Необхідно зайти до своєї спільноти/групи вконтакті. PS: У вас мають бути права адміністратора для управління спільнотою. Заходимо в « Управління спільнотою «

Налаштовуємо форму повідомлень. Заповнюємо виділені поля (У пункті «Дозволені домени» вказуємо доменне ім'я свого сайту, у мене сайту 2, тому і 2 домену):

Далі ставимо галочку «Розкривати відразу», якщо необхідно. На моєму сайті для прикладу відкривається цей віджет відразу, на сайті http://айті-казань.рф просто відображається праворуч внизу і відкривається при натисканні на нього. Копіюємо код для вставки на сайт.

Ідемо в адмінку свого сайту. Зовнішній вигляд – віджети.

Додаємо текстове поле та вставляємо туди скопійований код. Можна також код вставити не в віджети, а в «Footer» (підвал) вашого сайту (на скріншоті виділено жовтим, залежить від теми WordPress). У підвал сайту це правильніше, але я не став морочитися. Дивіться, як зручніше. Мені зручніше було віджети. Результат однаковий був. Тестував на 2-х своїх сайтах. Зберігаємо.

Ось що в результаті вийшло:

Дивимося, радіємо, відзначаємо успіх!

Віджет групи/спільноти на веб-сайті з CMS WordPress. Як додати віджет групи/спільноти вк на сайт.

Віджет для спільнот

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

У віджеті можуть відображатися фотографії друзівкористувача та інших учасників спільноти. За посиланням «Підписані…» доступна демографічна статистика щодо учасників.

Замість фотографій також можуть відображатись новини спільноти. У цьому випадку внизу віджету буде розташовуватися невеликий блок з фотографією найближчого друга користувача з числа тих, що підписалися і списком інших друзів, які перебувають у спільноті. При прокручуванні блоку вниз автоматично підвантажуютьсябільш старі записи.

Підключення віджету до Вашого сайту

Для додавання віджету на Ваш сайт просто скопіюйте код для вставки на сторінку, на якій Ви хочете розмістити віджет.

Тут все дуже просто.