Спонсор публікації:
Порадуйте своих родных. Купите подарки в магазине Bodo.

Після публікації серії статей про встановлення соціальних кнопок, читачі “Української блогосфери” частенько зверталися до мене з питанням, як встановити вКонтактівський аналог кнопки Like – віджет “Мне Нравится”.

Раніше я не використовував цю кнопку на “Українській блогосфері”, оскільки вважав її малоефективною, а саму соціальну мережу “вКонтактє” – орієнтованою виключно на російськомовну аудиторію. Втім, проаналізувавши, наскільки активно голосують власники аккаунтів вКонтактє за українські блоги на конкурсі BUBA, я змінив свою точку зору. Від сьогодні наприкінці кожної статті ви можете спостерігати кнопку “Мне Нравится” серед переліку інших кнопок соціальних мереж.

Як встановити кнопку “Мне нравится” від вКонтакті

Процедура встановлення кнопки дуже проста і здійснюється всього за кілька кроків.

1. Передусім вам потрібно перейти на сторінку віджета “Мне нравится” і заповнити там форму:



Тут все просто – потрібно вписати тільки назву сайту, на якому ви плануєте розміщувати віджет та вказати домен. Після цього натисніть кнопку “Зберегти”.

УВАГА: не варто копіювати код до тих пір, поки ви не збережете налаштування, інакше віджет не буде працювати або працюватиме неправильно.

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



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

Ось як виглядає цей код (обов’язково замініть apiId коду на власний, інакше віджет не працюватиме):

<script type="text/javascript" src="http://userapi.com/js/api/openapi.js?34"></script>

<script type="text/javascript">
  VK.init({apiId: 2664735, onlyWidgets: true});
</script>

3. Останній крок – додати другу частину коду в місці, де ви хочете, щоб відображалася кнопка вКонтакті.

Якщо ви хочете, щоб кнопка “Мне нравится” виводилася наприкінці кожної статті, так, як це реалізовано у мене – потрібно додати другу частину коду у файл single.php відразу після стрічки <?php the_content(); ?> Якщо ж ви хочете, щоб кнопка відображалася на початку статті – додавайте код перед стрічкою <?php the_content(); ?>

Зберігаємо всі файли, і, якщо все зроблено правильно, то кнопка запрацює. Сподіваюся, ви не забудете “протестувати” кнопку вКонтакті під цією статтею. 🙂

А ось лінки на інші публікації про інтеграцію інших соціальних кнопок:
Як встановити кнопки Facebook та Twitter
Як встановити кнопку Google +1