Налаштування кнопки google 1, plusone
Налаштування кнопки Google +1 (PlusOne)
Вітаю Вас, гості та передплатники блогу 4remind.ru. Багато з Вас, впевнений, знають для чого потрібна кнопка Google «+1» (PlusOne). Так, ця кнопка в теперішні часи, скажімо прямо, повинна неодмінно бути присутнім на сторінках сайтів і блогів, так як вона допомагає просуванню Вашого веб-ресурсу в Інтернеті, і чим більше відвідувачів накликало по кнопці «+1» на вашому сайті, тим більш популярним він буде і в очах пошуковика від компанії Google.
Налаштувати і встановити код цієї кнопки зовсім просто - код кнопки Google +1 можна отримати на станиці Google-webmasters: «Додайте кнопку +1 на свій сайт». Але тут буде викладена інформація про ручному налаштуванні, більш детальної, і використанні оптимального методу завантаження скрипта для кнопки Google «+1».
Отже, поїхали.
Налаштувань для кнопки так вже й мало, і варіюються вони від самого простого зміни розміру кнопки до методів оптимального завантаження коду скрипти.
Проста кнопка Google +1
Якщо ми вставимо вище наведений код на сторінку сайту, то кнопка відразу ж буде відображатися з настройками за замовчуванням, приблизно як на малюнку:
Синтаксис стандартного тега кнопки Google +1 такий:
При бажанні можна використовувати тег відповідно стандарту HTML5, але при цьому повинен бути встановлений атрибут класу зі значенням g-plusone. а так само будь-який інший атрибут тега кнопки повинен бути з префіксом data-:
Для включення асинхронного завантаження скрипта рекомендується використовувати наступний код:
Для досягнення оптимальної роботи рекомендується розташовувати вищенаведений код відразу ж за кодом тега «+1».
Якщо ж Ви захочете встановити певні параметри для скрипта, то дотримуйтесь наступного синтаксису:
Ось приклад коду web-сторінки з використанням асинхронної завантаження:
конфігурація
Установка цільового URL
Три речі, за якими «+1» визначає цільової URL, розташовуються в наступному порядку:
- Атрибут кнопки href
Цей атрибут явно визначає цільової URL кнопки «+1». - Тег сторінки
Якщо атрибут href для кнопки не встановлено, то Google буде використовувати канонічний URL сторінки.- URL, який визначається використанням document.location.href (не рекомендується)
Параметри тега Script
Цих параметрів два, і вони визначаються в межах елемента можна задати мову (локалі) і методу завантаження кнопки.
Параметр «lang»:
значення: код мови (language code), за замовчуванням «en-US"
опис: встановлює код мови для кнопки «+1». (Коди для різних мов наведено в кінці статті)
Параметр «parsetags»:
значення: explicit, onload (за замовчуванням «onload»)
опис: встановлює механізм завантаження
onload
- всі кнопки автоматично отрісовиваємих після занрузкі сторінки (дивіться вище приклад коду web-сторінки з використанням асинхронної завантаження);
explicit
- кнопки Отріс тільки при явному виклику gapi.plusone.go або gapi.plusone.render;
При явному спільному використанні викликів «go» і «render», які вказують на специфічні контейнери вашої сторінки, можна запобігти проходження скриптом всій DOM, що може скоротити час рендеринга кнопки «+1».
Приклад використання Explicit:
Приклад використання Explicit Render:
Атрибути тега «+1»
Ці атрибути контролюють настройки для кожної кнопки. Ви можете використовувати їх як пари Атрибут / Значення в тезі кнопки «+1» або як пари Ключ / Значення при викликах gapi.plusone.render.
Атрибут «href»:
Значення: URL кнопки +1 (за замовчуванням URL поточної сторінки)
Опис: встановлюйте цей атрибут, коли кнопка +1 повинна бути визначена для іншого, не поточною сторінки.
Атрибут «size»:
Значення: small, medium, standard, tall (за замовчуванням standard)
Опис: встановлює розмір кнопки (дивіться таблицю розмірів в кінці статті).
Атрибут «annotation»:
Значення: none, bubble, inline (за замовчуванням bubble)
Опис: анотація, що відображається за кнопкою.
none
- немає додаткової анотації.
bubble
- кількість користувачів, плюсанувшіх сторінку, що відображається за кнопкою в графічному вигляді.
inline
- відображає графічні профілі користувачів, плюсанувшіх сторінку і які на сторінці зараз, і загальна кількість користувачів, плюсанувшіх сторінку.
Атрибут «width»:
Значення: int (ціле, за замовчуванням не визначено)
Опис: Услі атрибут «annotation» = «inline», то встановлює ширину в пікселях для кнопки і inline-анотації. Якщо ширина не вказана, то ширина кнопки і inline-анотації дорівнює 450px.
Атрибут «align»:
Значення: left, right (за замовчуванням left)
Опис: горизонтальне положення кнопки в межах її фрейма.
Атрибут «expandTo»:
Значення: список, розділений комами: top, right, bottom, left (за замовчуванням список порожній)
Опис: встановлює позиції, в яких буде відображатися спливаюче віконце при наведенні і підтвердження по відношенню до кнопки. Встановіть цей параметр, якщо Ваша сторінка містить деякі елементи, такі як об'єкти Flash, які можуть перешкодити відображенню спливаючого віконця. Наприклад, «top» означає, що спливаюче віконце з'являтиметься над кнопкою.
Атрибут «callback»:
Значення: function (jsonParam)
Опис: якщо визначена, то функція викликається після натискання на кнопку «+1». Callback-функція повинна бути в глобальному просторі імен і може приймати єдиний параметр, такий як JSON object з наступною структурою:
Властивість «state» встановлено в «on» для кнопки «+1» і в «off» для видалення «+1».
Атрибут «count»:
Значення: true, false (за умовчанням true)
Опис: Не рекомендується. Замість того, щоб не відображати кількість плюсів, використовуйте annotation = «none».
gapi.plusone.render (container, parameters)
Опис: виробляє рендеринг певного контейнера як віджет кнопки «+1».
- контейнер для рендеринга як кнопки «+1». Визначте або ID контейнера (рядок), або сам елемент (itself).
- об'єкт, що містить атрибути тега «+1» як пари Ключ / Значення (напрімаер,.
gapi.plusone.go (opt_container)
Опис: виробляє рендеринг всіх тегів / класів «+1» в певному контейнері. Ця функція повинна використовуватися тільки якщо «parsetags» = «explicit».
- контейнер, що містить теги кнопки «+1» для рендеринга. Визначте або ID контейнера (рядок), або сам елемент (itself). Якщо ж opt_container відсутня, то рендеринг проводиться для всіх тегів / Классс «+1» знаходяться на сторінці.
розміри кнопок
Клацніть по зображенню, щоб збільшити
