Как добавить кнопку Google +1

Кнопка Google+

Установить кнопку +1 от Google очень просто. Гораздо сложнее ее органично вписать в дизайн своего блога.

Чтобы взять код кнопки +1, переходим по ссылке //www.google.com/webmasters/+1/button/index.html и видим такую форму:

Как добавить кнопку Google +1

Выбираем размер кнопки и копируем код.

Обратите внимание, что там два фрагмента кода, которые будут находиться в разных местах:

  • первый, вставляете в секции head или непосредственно перед закрывающим тегом body, кому как удобнее.
  • второй в конце поста, чтобы читатели сразу могли оценить его по достоинству.

В расширенных настройках по умолчанию стоит флажок, что счетчик включен и выполнять код при загрузке страницы. Я не изменял эти значения.

Интересно, если кликнуть по кнопке Google +1, то она станет синей и счетчик увеличитсчя на единицу. Если кликнуть еще раз, то счетчик вернется в предыдущее состояние.

Кнопка Google+
Twinsterphoto / Shutterstock.com

Вероятно, что эта кнопочка тоже сыграет свою роль в конкурсе «Продвижение неизбежно».

Я уже добавил такую кнопочку на свой блог, а вы?

Дополнительная информация //code.google.com/intl/ru/apis/+1button/#target-url

Кого интересует, можете прочесть «Как получить инвайт в Google+» и зарегистрироваться на Гугл Плюс, там все описано :)

Понравилась статья? Поделиться с друзьями:
Комментариев: 29
  1. Руслан

    Google+

    1. FORTRESS-DESIGN (автор)

      Пришло?

    2. FORTRESS-DESIGN (автор)
  2. sab

    Google+

    1. FORTRESS-DESIGN (автор)

      За инвайтом — пожалуйста сюда http://www.fortress-design.com/kak-zaregistrirovatsya-na-gugl-plyus/

  3. Oleg

    Google+1

    1. FORTRESS-DESIGN (автор)

      Инвайт можно взять здесь http://www.fortress-design.com/kak-zaregistrirovatsya-na-gugl-plyus/

  4. Владимир
    1. FORTRESS-DESIGN (автор)

      Владимир, что это за адрес?

  5. Владимир

    Говорят, что здесь раздают приглашения в Google Plus… Решил попробовать…

    1. FORTRESS-DESIGN (автор)

      Чтобы получить инвайт, перейдите, пожалуста на страницу Как получить инвайт в Google+ и зарегистрироваться на Гугл Плюс, там все описано :)

  6. Владимир

    Ходил, читал… А нельзя ли попроще и без символической оплаты (проблематично).?

    1. FORTRESS-DESIGN (автор)

      Можно :) Я уже отказался от этого :)

    2. FORTRESS-DESIGN (автор)

      Наберите в google.ru фразу «Продвижение неизбежно».
      В результатах поиска находите мой блог http://www.fortress-design.com и переходите по ссылке.

      В конце статьи нажимаете на кнопку Google +1 и там же оставляете комментарий.

      После этого я сразу отправляю инвайт :)

  7. Владимир

    И это правильно. Спасибо. Будем пробовать…

    1. FORTRESS-DESIGN (автор)

      Я уже авансом отправил :)

  8. MiR

    Google +1

    Все сделал как по ссылкам, перечитал 2 раза. В поиске гугла кликал раз 10 на данный блог. Можно мне инвайтик? :)
    Мой: miritix@gmail.com
    Спасибо

    1. FORTRESS-DESIGN (автор)

      MiR, за это не можно, а нужно вручить инвайт и сказать спасибо :)

  9. Helen

    Можно приглашение?
    спасибо :)

    1. FORTRESS-DESIGN (автор)

      Helen, я отправил. Нажмите, пожалуйста на кнопку +1.

  10. Vadik

    И мне пожалуйста инвайтик, если можно)

  11. Анна
  12. Мария

    Можно инвайт? Заранее спасибо!

  13. Мария

    Можно инвайт? Заранее спасибо! koromyslova-m@mail.ru

    1. FORTRESS-DESIGN (автор)

      Мария даже два раза написала коммент. Не волнуйтесь, все каменты доходят. Просто не всегда есть возможность оперативно ответить. Но пока еще ни один человек не ушел с блога http://www.fortress-design.com без приглашения в Гугл Плюс :).

  14. Сергей

    Можно инвайт? Заранее спасибо!

  15. Ирина

    Получить инвайт

  16. Жамал

    Как добавить кнопку +1 на этот профиль? Не могу изменить код страницы, точнее не сохраняется. Опишите подробно, заранее спасибо.

    1. FORTRESS-DESIGN (автор)

      Нужно просто скопировать и вставить код в теге head перед закрывающим тегом body. Если для вас эти термины ни о чем не говорят, лучше попросите, чтобы это сделал, тот, кто понимает в HTML-верстке.

Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:

Перейти к верхней панели