Скрипт кнопка плюс один (+1) | Google+, developers, вставить значок, авторство

Урок №30 Скрипт кнопка плюс один (+1) | Google+, developers, вставить значок, авторство

Кнопка/значок Google+ Уважаемые читатели! Сегодня хочу отметить урок для веб-мастеров про уникальную кнопку плюс. В моём блоге я когда-то делал урок на эту тему, но данный урок решил обновить дополнительной интересной информацией. Вот в этом уроке "" все прохождения пути будут похожие, но с дополнительным подходом. Почему это я так? Потому, что рассказ пойдёт об исключительном сервисе Developers, в котором Google собрал всё в одном месте. В сервисе Developers имеются хорошие инструменты для вставки на блог/сайт. Google предлагает возможность вставить к себе в блог уникальный код кнопки плюс один, у которой имеются два вида значка. Если вставить сразу два значка, то вам надо создать страничку в Google+. В принципе можно по отдельности взять коды, и вставить один идентификатор с одного профиля, если конечно не хочется создавать страничку в Google+.

Чем удобен значок Google+? Нажав на значок, посетитель может добавить вас в круги Гугл+ прямо на вашем блоге/сайте. У этой кнопки/значка есть ещё одна интересная деталь, после вставки кода, Гугл в состоянии извлечь данные, и может определить разметку, вернее определить авторство блога/сайта, и ваша веб-страница в поисковой выдаче результатов будет выглядеть красиво, в уроке покажу пример об этом.

Итак, урок:

Установить кнопку/значок Google+

  • 1. Давайте сразу зайдём в сервис Developers, и убедитесь, что вы зашли в аккаунт Гугл. Как вы зашли в сервис Developers и если сайт на английском языке, то обязательно измените на родной язык. Он находится в районе футера внизу справа. После этого по центру главной страницы Developers ищем подзаголовок "Используйте наши API и технологии", затем жмём на кнопку "Google+".
  • Изменить на родной язык Использовать технологии Google+
  • 2. Перед вами откроется рабочий интерфейс и в меню "Google+ Platform" жмём в списке "Plugins", потом "Badge". И здесь вам надо выбрать какой значок будете вставлять в свой блог/сайт, об этом я говорил выше, что можно взять код по отдельности, такой вариант лучше. Выбираем одинарный значок, и жмём на кнопку "Profile Badge Configuration Tool".
  • Меню Google+ Platform Profile Badge Configuration Tool
  • 3. Перед вами открылась настройка и предварительный просмотр. Идем дальше. В поле "Введите идентификатор профиля Google+:" надо вставить идентификатор, его можно взять в вашем профиле Google+ (смотрите на картинку, где надо скопировать идентификатор). В адресной строке по среди адреса профиля надо выделить цифры, затем скопировать и вставить в поле "Введите идентификатор профиля Google+:". Подождите немного, и справа вы увидите надпись с галочкой "Всё в порядке!". Тип значка можно оставить по умолчанию, а вот выбрать язык на ваше усмотрение. В дополнительной настройке я изменил ширину.
  • Настройки кнопки/значка g+ Скопировать идентификатор
  • 4. Спускаемся ниже, чтобы получить код, выделяем и вставляем на сайт. Стоп! Друзья мои не торопитесь, выслушайте меня. Действуйте, как рекомендую, сначала выделите и скопируйте только тег со скриптом "<!-- Поместите этот тег в раздел вашего документа -->", вставьте его в районе "HEAD" HTML-коде блога/сайта. А тег с кодом "<!-- Поместите этот тег в то место, где должен отображаться значок -->" вставьте его туда, где вы хотите, чтобы отображался значок. Так будет корректно работать. И через 2-3 дня вернитесь на эту же страницу. Зачем? Ниже кода, который вы получили, есть ссылка для проверки авторства. В тот день когда вы вставили код, Гугл вам сразу не ответит, это надо проделать позже. Жмите на кнопку "инструмент тестирования расширенного описания веб-страниц" и мы с вами проверим ваш блог/сайт на авторство и его данные.
  • Получить код
  • 5. Ну, что ж проверим? Скопируйте адрес любой страницы с вашего блога/сайта и вставьте в поле, затем нажмите на кнопку "Preview". Чуть погодя и ниже Гугл предоставляет вам ответ, как в поиске результатов будет выглядит ваша ссылка, а ниже покажет ваши данные об авторстве. Если Google не ответил вам и предлагает проделать некоторые требования, надо будет выполнить, а то авторство публикаций вашего блог/сайт не подтвердится Гуглом.
  • Проверить на авторство

Установить скрипт кнопку плюс один (+1)

  • 6. Вернитесь в меню "Google+ Platform", и жмём на кнопку "Plugins", затем в списке "Configuration Tool", после этого мы попадаем в лабораторию настройки кнопки плюс один (+1). Прежде всего, рекомендую вам внимательно подумать, какой вид кнопки плюс один (+1) вы желаете вставить к себе на блог/сайт: либо в опубликованном материале или в другом месте. Проставьте радиоточки в четырёх видах размеров и посмотрите, как они выглядят по дизайну блога/сайта, и ещё в строке "Annotation" выбрать позицию. После того как выбрали вид кнопки плюс один (+1), скопируйте код и вставьте в ваш блог/сайт. А этот код не нужно вставлять в районе "HEAD", вставьте его там, где вы хотите. Готово!
  • Меню Google+ Platform Лаборатория настройки кнопки g+

На этом урок заканчиваю. Будьте здоровы!

С уважением Александр Синяшин!

Хватит орать! Уточнить

Буду благодарен Вам за вашу поддержку! Низкий поклон.

      

P.S. Спасибо всем за то, что вы делитесь с друзьями с помощью соответствующих кнопок социальных сетей. А ещё лучше Подписаться на Блог С.А.Ю. и Вы всегда будете в курсе событий. А для тех, кто любит покупать со скидкой рекомендую Подписаться на С.А.Ю. Купоны и скидки. Спасибо!

Поделитесь с друзьями!
Share

Booking.com    OSTROVOK.RU   HOTELLOOK.RU

Комментируйте в социальных сетях

  • Smileys
  • :confused:
  • :cool:
  • :cry:
  • :laugh:
  • :lol:
  • :normal:
  • :blush:
  • :rolleyes:
  • :sad:
  • :shocked:
  • :sick:
  • :sleeping:
  • :smile:
  • :surprised:
  • :tongue:
  • :unsure:
  • :whistle:
  • :wink:
 
  • 5000 Осталось символов
 
 
 
 

Следите за информацией!

Подписаться на Блог С.А.Ю.
Читать С.А.Ю. в Яндекс
Американские и европейские лотереи

О-о-о, май гад!

Сегодня купили:

  1. Таня Рыбакова - Месяц ЗОЖ - Это просто ОГОНЬ!
  2. SUPER-OPT - Оптом, оптом, и только оптом!

Купон на скидку! Промокоды "SAYU_12CB" или "SAYU_DBB", со скидкой -28% в магазинах Евгений Попов и Зинаида Лукьянова

Хочешь постоянные скидки? Нужно зарегистрироваться на сайте ePN Cashback >>. Мобильное приложение ePN Cashback >>

С.А.Ю. info-system Виртуальный центр продукции для Вас!

OZON - онлайн-мегамаркет №1 - электроника, книги, софт, музыка, видео, товары для дома и семьи, книжный интернет магазин

Детская развивающая игра «Носики-курносики учатся читать и считать»

Всем на заработки

  • Megalottery - Американские и европейские заработки, и выигрыши!
  • SUPER-OPT - Только зарабатывать оптом!
  • E-Pay PaySystem Доступные инструменты для быстрого и хорошего заработка!
  • ePN – e-Commerce Partners Network Лучшие инструменты для заработка!
  • TeaserNet Тизерная компания
  • AZARTPLAY Игровой клуб
  • Столото Выиграть всегда, да!
  • TextSale Купить продать уникальные статьи

Только выигрывать!

Игравой клуб