<
  • Главная
Статьи

Налагодження та установка кнопки "Мені подобається" від ВКонтакте

  1. Установка кнопки "Мені подобається"
  2. Налаштування кнопки "Мені подобається"

З п'ятницею, панове! Завтра у звичайних людей починаються заслужені вихідні. А я, як завжди, буду зайнятий: в цей раз треба побувати на власному Дні Народження. Ну а вчора з'явився привід згадати про кнопку Мені подобається від ВКонтакте. Вона зараз майже так само популярна як Tweet від Twitter, так що зустріти її можна майже на кожному сайті або блозі. У тому числі і на моєму, відразу після статті, тисніть - мені буде дуже приємно.

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

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

Це насправді було проблемою, уявіть: вам треба вибудувати в ряд кілька кнопок від різних соціальних мереж - поширена завдання, адже крім Мені подобається від ВКонтакте популярні аналогічна кнопка від Facebook, Tweet від Twitter і +1 від Google . Це самий кістяк, який в повній красі представлений на моєму блозі, натискайте - не соромтеся :) А є ще кнпка Поділитися від Яндекса, Клас! від Однокласників, і, так мине ця чаша мого блогу, кнопки Мені подобається і Поділитися від Mail.ru.

Установка кнопки "Мені подобається"

Так ось, з усіх перерахованих кнопок варіант від ВКонтакте відрізнявся найбільшою висотою, через що в один ряд з іншими ніяк не вписувався. Тепер висоту можна вказати на сторінці налаштувань кнопки, де ми і отримуємо її код для свого блогу. Для цього потрібно виконати Вконтакті вхід і перейти на сторінку віджету "Мені подобається". Це можна зробити, клацнувши по пункту "Розробникам" в самому низу сторінки, потім "Віджети і сторонні сайти" і, нарешті, "Віджет" Мені подобається "". Можна відразу за цим посиланням перейти - Мені подобається .

Найцікавіше тут - код для вставки. Частина коду до слів <! - Put this div tag to the place, where the Like block will be -> треба вставити між тегами <head> і </ head> вашого сайту. Якщо у вас блог, зроблений на CMS WordPress, то ці теги знаходяться в файлі header.php. А другу частину коду вставляємо туди, де ви хочете бачити кнопку "Мені подобається".

Налаштування кнопки "Мені подобається"

Крім зазначених явно в настройках у кнопки є ще кілька цікавих параметрів. Це width - ширина кнопки, pageTitle - назва сторінки для відображення на стіні ВКонтакте, pageDescription - для відображення там же на стіні, pageImage - адреса картинки-мініатюри для відображення на стіні, і, нарешті, новий параметр text - задає текст, який з'явиться не при наведенні мишки на посилання, як з попередніми параметрами, а прямо в запису на стіні. Відповідно, може бути не довше 140 символів, за умовчанням виводиться назва сторінки.

Як ці параметри задати

Вони уазиваются в рядку VK.Widgets.Like ( "vk_like", {type: "full"}); через кому після атрибута type: "full" або на тому місці, де він є в моєму прикладі (в залежності від налаштувань кнопки там можуть бути і порожні кнопки). Ось як може виглядати результат:

VK.Widgets.Like ( "vk_like", {type: "full", width: 100, height: 20, pageTitle: 'Мені подобається ВКонтакте', pageDescription: 'Про встановлення та налаштування кнопки на своєму блозі', text: 'Дуже корисний матеріал! '});

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



Новости
    Без плагина
    На сайте WordPress имеется файл, именуемый как .htaccess. Многие пользователи не предают ему особого внимания и не используют все его возможности. На самом деле файл .htaccess – это дополнительные конфигурации

    Плагин подписки wordpress
    Очень трудно найти один плагин подписки wordpress , который объединил бы в себе все виды подписок, которые так необходимы сайту. Именно поэтому я решил сделать подборку лучших плагинов, которые смогут

    Слайд-шоу с помощью плагина для WordPress UnPointZero Slider
    Плагин для cms WordPress UnPointZero Slider – новостной слайдер. Он отражает в форме слайд-шоу изображения со ссылками на ваши статьи и краткие выдержки оттуда. Его можно установить и на новостной сайт,

    Плагины для Wordpress
    С помощью этого плагина вы легко сможете интегрировать Google диск на ваш WordPress сайт или блог . Gravity Forms — лучший плагин для создания форм на WordPress, от самых простых (например, форма

    Подписки плагином JetPack: размещение и редакция формы подписки
    Вступление Здравствуйте! В этой статье я покажу, как использовать плагин JetPack для создания пользовательской формы подписки и как эту формы подписки плагином JetPack добавлять в статьи сайта, а при

    Чистка сайта WordPress плагином WP-optimize
    От автора Со временем использования система WordPress накапливает не нужные файлы, комментарии и неиспользуемые данные в базе данных. Эти файлы и данные создаются в процессе работы и нужны для этого,

    Возможности Jetpack плагина
    Вступление Возможности Jetpack плагина это более 30 функциональных модуля плагина, делающего его универсальным плагином WordPress, заменяющего аналогичные сторонние плагины. Jetpack один заменяет десятки

    Резервное копирование WordPress сайта без плагинов
    Вступление Резервное копирование WordPress это второе, что нужно научиться делать после установки WordPress. Можно сколько угодно говорить о безопасности сайта и его защите, но лучшего варианта защиты

    Плагины на приват для Майнкрафт ПЕ
    > > Плагины на приват для Майнкрафт ПЕ Порой всем нам хочется попробовать себя в роли администратора сервера и испытать эту ответственность, но, к сожалению, вы не всегда все знаете о создании

    Плагин WordPress Database Backup. Архивация базы данных блога на WordPress
    Привет друзья! Сегодня на очереди еще один простой, НО, необходимый и полезный плагин — плагин WordPress Database Backup , который с легкостью и самостоятельно произведет процесс, который научно называется:

  • Виртуальный хостинг

    Виртуальный хостинг. Возможности сервера распределяются в равной мере между всеми... 
    Читать полностью

  • Редизайн сайта

    Редизайн сайта – это полное либо частичное обновление дизайна существующего сайта.... 
    Читать полностью

  • Консалтинг, услуги контент-менеджера

    Сопровождение любых интернет ресурсов;- Знание HTML и CSS- Поиск и обновление контента;-... 
    Читать полностью

  • Трафик из соцсетей

    Сравнительно дешевый способ по сравнению с поисковым и контекстным видами раскрутки... 
    Читать полностью

  • Поисковая оптимизация

    Поисковая оптимизация (англ. search engine optimization, SEO) — поднятие позиций сайта в результатах... 
    Читать полностью