Статичная кнопка +1 для Google+

Пост будет совсем коротенький. Просто сообщить хотел, что кнопку +1 от google можно делать такой, какой захотите, какой она гармонично впишется в дизайн сайта, если не подходит стандартная (кстати, тут вот другие кнопки для сайта).

Что нам для этого потребуется? Кнопки в формате png, обычно этот формат используется, и код самой кнопки, которая будет вызывать дополнительное окно с сообщением добавляемого контента.

Как добавить на сайт статичную кнопку для google plus?

Кнопки есть, ниже вы их можете увидеть и скачать. Код есть, но я как обычно работаю с wordpress и код соответственно будет под эту систему, хотя при желании изменить некоторые параметры не составит труда.

Итак, начнем с кнопок. Вот такие варианты кнопок я вам предлагаю:

Все это дело аккуратно уложено в psd файл (забирайте), слои не склеены, можно модифицировать как заблагорассудится.

Переходим ко второму этапу — код. Для wordpress код будет выглядеть таким образом:

5
<a onclick="window.open('https://plusone.google.com/_/+1/confirm?hl=ru&url=<?php the_permalink(); ?>', 'gplusshare', 'width=626, height=436'); return false;" href="https://plusone.google.com/_/+1/confirm?hl=ru&url=<?php the_permalink(); ?>" rel="nofollow"><img src="путь к кнопке google plus/googleplus.png" width="88" height="21" title="Поделиться с друзьями в G+"></a>

Разберем его:

1. URL адрес google + (https://plusone.google.com/_/+1/confirm?hl=ru&url=), который будет добавлять +1 и отправлять анонс страницы, на которой эта кнопка установлена.

2. Тег <?php the_permalink(); ?>, вместо которого будет подставляться URL страницы, на которой находится кнопка. По этому URL g+ будет выдергивать заголовок, анонс страницы и первую попавшуюся картинку в контенте.

3. В теге <img src=»путь к кнопке google plus/googleplus.png» width=»88″ height=»21″ необходимо указать путь к изображению кнопки и размеры этой самой кнопки.

Код размещаем в нужном месте сайта. Он подходит как для ленты (index.php, главная, вторая, третья и т.д. страницы), так и для одиночных записей (single.php).

Ссылку на этот пост добавил в статью «Кнопки социальных сетей«. А если вдруг хотите оригинальную g+ кнопку, тогда вам сюда.

Удачи Вам друзья и побольше +1 от посетителей!

p.s. сегодня в google показали оригинальную «фишку». Вводишь в поисковик запрос «let it snow» и все вроде как обычно, но затем на экране начинает валить снег, а экран покрывается льдом!

Новогодняя фишка от Google: экран покрывается льдом!

Этот лед, кстати, как и в жизни можно отогревать пальцем. Для этого зажимаем левую кнопку мышки и водим по экрану. Я написал «pervushin.com» :):

Стирать обледенение экрана можно пальцем!

Сладкое на сегодня: Пример шикарного вирусного ролика! Наслаждайтесь :):


Комментарии

7 на запись "Статичная кнопка +1 для Google+"
  1. Tony says:

    спасибо за кнопочку, а есть у тебя какой нибудь наборчик кнопочек?  можешь ссылочку дать

  2. Андрей says:

    Спасибо. Очень помогли обе ваши статьи с кнопками. 

  3. Модернизация кнопок это интересная тема. Нужно попробовать.

  4. спасибо за статью, помогла!

Спасибо, что оставили свой комментарий

banner