WordPress коментарі вконтакті та плагін vkontakte api. Вконтакті WordPress. Як додати віджет групи Вконтакте в WordPress Плагін вк коментарі для вордпрес

Соціальні мережі – це друге за доступністю джерело трафіку для сайту після пошукових систем, і третій ефективності. При правильному просуванні Інтернет-проекту в соц.мережах можна досягти приросту відвідуваності на 30%, а кількість постійних читачів до 70%!
Ось чому вебмайстри в першу чергу звертають увагу на соціальні мережі, створюючи офіційні сторінкивід сайту, запуск новин. І головним російським майданчиком для розкручування свого веб-сайту або Інтернет бізнесу є мережа, яка надає достатні потужності для вільного старту без будь-яких вкладень!

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

Першу частину коду вставляємо після тега, що відкривається, який знаходиться у файлі «footer.php» тим WordPress. Другу частину копіюємо у «Sidebar» у розділі «Зовнішній вигляд»-«Віджети», поміщаючи у стандартний текстовий блок. Після натискання кнопки «Зберегти» можна перевірити відображення «Віджету Співтовариства» на сайті.

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

Як вставити віджет ВК через iframe

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

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

Вступ

У цьому записі я розгляну два способи:

Детальна установка плагінів описана під заголовком нижче, лише в даному випадку вводьте «AnyComment» у пошуку для встановлення цього плагіну.

Плагін для VK коментарів

Давайте встановити плагін коментарів ВКонтакті безпосередньо через панель адміністратора.

Інструкція до встановлення:

Це мій особистий плагін та я буду вам вдячний якщо ви лишите гарний відгукабо «5 зірок»:)

Функції

• Повністю замінити коментарі від WordPress на ВК
• Поставити віджет VK коментарів разом із звичайними коментарями. У цьому випадку ви можете встановити позицію віджету, «вище», «нижче» стандартних коментарів або «під заголовком».
• Перегляд всіх коментарів залишених користувачами через VK віджет в адмін центрі
• Усі налаштування які є у VK віджета коментарів, є в адмінці
• Попередній перегляд віджету коментарів прямо під налаштуваннями

Код. Інструкція із встановлення

• Заходимо на сторінку з віджетамиі вибираємо «Коментарі» (або натисніть ).
• У списку «Сайт/додаток» вибираєте «Підключити новий сайт» або вибираєте поточний сайт (якщо ви вже додавали). При додаванні вам потрібно вказати «назву сайту», «адресу», «основний домен» та вибрати тематику..ru», «сайт» та «ІТ (комп'ютери та софт»).
• Далі вибираємо «Кількість коментарів» для відображення. Якщо ви виберете, наприклад, п'ять коментарів, а у вас вже додано більше, то спочатку при завантаженні сторінки з'явиться 5 коментарів і далі ви можете натиснути «Показати ще», щоб підвантажити решту.
• Вибираємо потрібно вам "Медіа" чи ні. Це, наприклад, додавання графіті, фото, аудіо відео та посилання.
• Встановлює ширину блоку коментарів.

Ми не будемо просто вставляти код, оскільки це неправильно. Я покажу вам як це робити у стиль WordPress.

Додаємо код віджету VK

У вас має бути код, який виглядає приблизно так.

VK.init((apiId: XXXXXXX, тількиWidgets: true));

Як ви можете помітити, він поділений на дві частини.

Перша— це скрипти (рядки 1-6), які потрібно підвантажити для відображення коментарів. Разом «XXXXXXX» у вас буде відображатися унікальний номерВашого сайту.

Друга- Це частина коду, яка знадобиться для відображення коментарів.

Створюємо функцію у functions.php

• Копіюємо функцію, яка знаходиться нижче, і відкриваємо файл functions.php, який знаходиться всередині вашої теми.
• Спускаємося в низ файлу і додаємо наступну функцію.

Увага! Замість «ВАШ_ID» пишіть ID, який написано у вашому коді для вставки.

Function vk_comments_api() ( if(is_single()) ( echo ""; echo " VK.init((apiId: ВАШ_ID, onlyWidgets: true)); "; ) ) add_action("wp_head", "vk_comments_api");

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

Додаємо коментарі до comments.php

Перед цим рядком вставляємо другу частину нашого коду, яка виглядає так:

VK.Widgets.Comments("vk_comments", (limit: 10, width: "665", attach: "*"));

І все готове! Коментарі мають бути успішно встановлені.

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

Висновок

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

Здрастуйте, дорогі читачі! Друзі, сьогодні я покажу вам, як встановити (підключити) коментарі ВКонтакте на сайт або блог ВордПрес. Соціальна мережа 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");

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

Сьогодні хочу розповісти вам про основні віджети ВКонтакте, які можна впровадити на свій блог. Віджети – це невеликі програми, кожна з яких виконує одну певну функцію на сайті. мобільному пристрої, у браузері і т.д. Це може бути кнопка, вікно, меню, підказка та інше.
На сайті розмістити віджет можна за допомогою 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. Також цей плагін дозволяє додати на сайт кнопки соціальних мереж. Для встановлення плагіна переходимо в консолі керування сайтом до пункту меню «Плагіни» та натискаємо кнопку «Додати новий».

Після цього прописуємо в пошуковому рядку назву плагіна Vkontakte API і натискаємо клавішу Enter на клавіатурі. Знаходимо наш плагін і натискаємо кнопку «Встановити»

Після того, як плагін встановиться, натискаємо на посилання «Активувати плагін». Тепер нам потрібно його налаштувати.

Налаштування плагіна

Після встановлення плагіна в меню консолі керування сайтом з'явився новий пункт "Vkontakte API", переходимо в нього. Перед нами панель налаштувань. У цій панелі 4 вкладки, розберемо їх по порядку.

Вконтакте

Якщо ми перейдемо у вкладку Вконтакте, то насамперед нас просять вказати ID програми та Захищений ключ. Справа в тому, що для взаємодії із соціальними мережами, як правило, необхідно створювати додаток. Робиться це дуже просто. Над полями з ID та ключем є невелика підказка, в якій вказано посилання, переходьте за цим посиланням

Тут нам потрібно вказати назву нашої програми та вибрати тип «Веб-сайт». Назву можете вказувати будь-яку — її ніхто, крім вас, не побачить. Після цього потрібно вказати адресу нашого сайту та базовий домен, тобто. та сама адреса тільки без протоколу http://. Після того, як заповнили всі пункти, натискаємо кнопку «Підключити сайт»

Після цього з'явиться віконце з проханням підтвердити ваші дії за допомогою безкоштовного повідомлення на телефон. Натискаємо кнопку «Отримати код» та очікуємо смс. Зазвичай код надходить протягом кількох секунд.

Вводимо отриманий код і натискаємо кнопку «Надіслати код». Все, наш додаток створено! Ось так легко та просто. Жодних налаштувань тут робити більше не потрібно, просто переходимо на вкладку «Налаштування» і бачимо тут ID програми та Захищений ключ, копіюємо їх по черзі та вставляємо у відповідні поля у налаштуваннях нашого плагіна.

Далі йде блок "Вхід" - ця функція дозволяє вашим відвідувачам реєструватися на сайті через соціальну мережу вконтакті. Я особисто реєстрацію на своєму сайті не ставив, але можливо для когось ця функція буде корисною.

Наступний блок налаштувань стосується кнопки "Мені подобається". Нижче скріншот, на якому показано, як налаштована дана кнопка у мене на сайті, можете налаштувати також або погратися з налаштуваннями самостійно.

Яку з кнопок ставити вирішувати вам можна поставити відразу обидві кнопки.

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

Facebook

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

Тут може бути два варіанти:

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

2. Ваш номер прив'язаний і ви побачите наступну картинку:

Натискаємо по зеленій кнопці «Create a New App», нам відкриється вікно, що спливає, в якому нам потрібно заповнити деякі поля (див. скріншот нижче):

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

2. Вигадуємо Namespace. Чесно кажучи, я так і не зрозумів, для чого потрібен цей пункт. Наскільки я зрозумів, це щось на зразок логіну, втім, тут треба вказати УНІКАЛЬНЕ слово латинськими символами (не менше 6). Надалі це слово нам не знадобиться, тому можна просто вказати набір букв – це не має значення.

4. Тиснемо за кнопкою «Створити додаток»

Після цього з'явиться віконце, в якому потрібно заповнити каптчу (ввести символи з картинки) і натиснути «Ок».

Все, наша програма створена. Ніякі налаштування більше робити не потрібно, просто копіюємо ID програми (App ID), повертаємось до налаштувань плагіна та вставляємо у відповідне поле.

Наступним кроком нам потрібно вказати ID адміністратора, щоб ми могли керувати коментарями. Щоб отримати ID адміну, потрібно перейти на свою сторінку у facebook. Тут також два варіанти:

1. У адресі вашої сторінки вказані цифри і виглядає приблизно так: http://facebook.com/100001117382458. Просто копіюєте ці цифри — це ID адміністратора, тобто. ваш ID.

2. Адреса вашої сторінки має приблизно такий вигляд: https://www.facebook.com/OpekunAlex, тобто. замість цифр вказано літерний логін, тоді вам потрібно скористатися ось цим сервісом - http://findmyfbid.com

На цьому налаштування facebook закінчено, можна перейти на сайт та подивитися що у нас вийшло.

Повертаємося до налаштувань плагіна та переходимо до наступної вкладки «Соц.кнопки». Тут ми можемо додати кнопки з інших соціальних мереж: google+, twitter, mail.ru, однокласники, яндекс кнопку.

Просто виставляєте навпроти потрібної кнопки «Показувати», як ми робили для кнопок Вконтакте і Фейсбук. Я зазвичай додаю кнопки twitter та mail.ru з однокласниками. Після того, як вибрали необхідні кнопки, не забудьте зберегти зміни. Якщо у вас є твіттер, можете додати свій обліковий запис, тоді при натисканні на кнопку твіттера у ваших відвідувачів буде додаватися посилання на ваш твіттер і якщо вони твітнуть вашу посаду, то всі їх передплатники у твіттері побачать посилання на ваш твіттер і можливо підпишуться. На цьому тут налаштування закінчено.

Вкладка «Остальное», що залишилася, нас не цікавить. Т.о. Таким чином ми з вами розібралися як додати коментарі від соціальних мереж Вконтакте та Фейсбук на сайт створений на движку WordPress + дізнались як додати кнопки соціальних мереж на сайт.

P.S. Якщо у вас залишилися питання або щось було незрозуміло, пишіть у коментарях, що саме не вийшло, я постараюся вам допомогти.