Как поставить кнопку Google +1 на сайт (WordPress, Joomla)

И вот к обычным кнопкам “мне нравится” от Facebook и Вконтакте добавилась и еще одна кнопочка, которая даст возможность выразить свое отношения к материалам, которые вы читаете на самых разных сайтах (в том числе и на этом). Это кнопка +1, которую предлагает нам Google. Вот ролик, демонстрирующий ее преимущества:

Для того, чтобы “плюсануть”, вам, конечно, нужно иметь аккаунт в Google, и если у вас его пока нет, то я очень рекомендую вам его завести (пригодится обязательно). И если пользователи будут активно плюсовать какой-то материал, то в результатах поиска данная страница будет выводиться выше, и к ней будет добавлено примечание, что такой-то и такой-то (и вы в том числе) ее рекомендуют. Таким образом, вы существенно облегчите другим поиск нужных статей, ведь сами же знаете, как обидно что-то искать и перелопачивать при этом сотни искусственно выведенных в топ материалов, на которых нет ничего вам нужного.

Итак, я рекомендую всем вебмастерам добавить подобную кнопку себе на сайт. Делается это очень легко. Идем на эту страницу, выбираем вид кнопки и нужные параметры. Все нужные пояснения можно найти вот тут.

Далее нам нужно добавить код на сайт или блог.

WordPress
Берем первую часть кода:

<!-- Разместите этот тег в теге head или 
непосредственно перед закрывающим тегом body -->
<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
</script>

Идем в Внешний видРедактор - находим справа файл header.php (“Заголовок”) и вставляем до закрывающего тега HEAD.

к

Далее берем вторую часть кода:

<!-- Разместите этот тег в том месте, где 
должна отображаться кнопка +1 -->
<g:plusone></g:plusone>

Топаем в файл single.php и вставляем его в том же блоке, куда мы вставляли кнопки “мне нравится”. Я все эти кнопки вставляю таблицей, чтобы они в один ряд были.

к

Если у вас эти кнопки еще не стоят, то вставляем после

<?php the_content; ?>

Joomla
Копируем ОБЕ части кода сразу, идем (через FTP-клиент) сюда: components - com_contentviews - article - tmpl - открываем default.php
Вставляем там же, где кнопки “мне нравится”. Если у вас там их нет, то вставляйте в конце, перед

<span class="article_separator">&nbsp;</span>
<?php echo $this->article->event->afterDisplayContent; ?>

Вставляем все вместе, не разделяя. Лично у меня при разделении, когда я, как порядочная, вставляла верхний код в шаблоне перед закрывающим тегом HEAD, ничего не работало. И еще одна рекомендация – вставляйте таблицей, так как бывают случаи, когда при вставке простым текстом кнопка не показывалась.

Вот и все.

Ну а как поставить подобную кнопку (и другие тоже) на блог в ЖЖ, читайте тут.

Понравился материал? Добавьте на него ссылку в социальных сервисах или нажмите "Мне нравится":


Отзывов: 12

  1. Артем пишет:

    Чё-то ниче не получилось. Joomla, поставил как написано, а не показывается…

    Ответить

    Ирина Reply:

    Один нюанс – лучше всего вставлять таблицей, я когда просто текстом вставляла, у меня тоже не показывалась. Сейчас немного исправлю статью.

    Ответить

  2. Артем пишет:

    Мой код выглядит так:

    {lang: ‘ru’}

     
    article->event->afterDisplayContent; ?>

    Но что-то кнопка не появилась… Можете посмотреть сами на страницу, если надо – кину ссылку.

    А вообще у меня в Джумле код для кнопок поставлен в виде модуля произвольного html-кода через диспетчер модулей. Как думаете, может написать какой-то код, который может отображать эту кнопку именно таким образом? Я пробовал ставить – безрезультатно.

    Ответить

  3. Роман пишет:

    В “single.php”,”page.php”,”index.php” нет записи
    .
    Что делать?

    Ответить

    Ирина Reply:

    Поставьте через FTP на них права 777, должно сработать. Только потом не забудьте все вернуть обратно.

    Ответить

  4. Наталья пишет:

    Здравствуйте! Не подскажите, у меня на сайте(в комменте указан адрес сайта) кнопка выводится не там, где мне хотелось бы – на одном уровне с кнопкой твитмими (она справа), но с левого верхнего угла статьи. Куда для этого надо перенести второй код?

    Ответить

    Ирина Reply:

    Скорее всего, вы просто вставили код ДО php the_content, а надо после. Попробуйте перенести туда.

    Ответить

  5. Борис пишет:

    Этот код нужно вставлять на каждую страницу, где нужно разместить кнопку? И есть ли плагин для вордпресс, который бы размещал бы эту кнопку?

    Ответить

    Ирина Reply:

    Есть и плагины, но я предпочитаю делать это руками. Не нужно на каждую страницу, достаточно добавить скрипт в файл шаблона single.php

    Ответить

  6. Наталья пишет:

    Спасибо, а то я и забыла за эту кнопку))))

    Ответить

  7. Александр пишет:

    Ирина! у меня получилось почему-то по другому.. Для сайта Джумлы обе части кода вставляем (в панели управления сайтом) в расширения-менеджер шаблонов-сам шаблон – в самом конце шаблона перед

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

    Ответить

    Ирина Reply:

    Я через FTP вставляла, не через админку. Через нее все может вставиться далеко не так, как хочется…

    Ответить

Ваш отзыв

Пожалуйста, пишите только по делу. Комментарии, содержащие бред, не относящийся к записи, одобрены не будут! И помните, что все ваши ссылки все равно будут закрыты от индексирования, так что любителям повышать таким образом ТИЦ лучше не беспокоиться.





 

Внимание: Комментарии модерируются, и это может вызвать задержку их публикации. Отправлять комментарий заново не требуется.