Лента Google Plus на сайт без плагинов

Лента Google Plus на сайт без плагинов
5 (100%) 5 votes

Чего только не придумают умные дядьки программеры, чтобы облегчить жизнь нам с Вами. Вот и упрямого и не податливого Гошу в плюсе наконец объездили: лента Google Plus добавляется на блог простым взмахом задне-левой ноги.

Зачем? Ну мало ли… Мы же добавляем ленту Твиттера… Мало того, что она создает эффект присутствия на блоге, основная ее задача – добавлять в страницы каждый раз частичку уникального контента и создавать видимость постоянного обновления контекста страницы. Что, по идее,  есть гуд с точки зрения seo оптимизации.

Итак, приступим.

Для начала проследуем на сервис http://widgetsplus.com/ (раз Гоша не позаботился о нашем комфорте, этим естественно тут же озаботились посторонние – кому ж не нужен трафик)

На странице, весело играющей всеми красками радуги, нужно обнаружить огромную оранжевую кнопку  Get your widget now!

Она в самом большом кругу – не промахнетесь.

В открывшейся форме заполняем свои данные.

Во вкладке Widget:

  1. В первое поле вводим ID ленты Google+, которую хотим вывести на блог: профиля или страницы, если Вы ее там создали;
  2. Устанавливаем ширину виджета – она должна соответствовать ширине Вашего сайдбара (обычно разные ленты выводят именно там)
  3. Определяемся с боевой раскраской нашего виджета, чтобы он вписывался в дизайн блога
  4. Ну и всякие мелочи, вроде скругления уголков и шрифта

Во вкладке Title:

  1. Можно добавить обращение «Следуйте за мной на» и настроить соответственно цвет и размер шрифта
  2. А можно и не добавлять, сняв галочку с чекбокса Show Title

Во вкладке Name все еще проще – размер и цвет шрифта, которым будет выводиться Ваше имя.

Во вкладке Button креативному народу есть чем заняться: это вывод кнопки, и сервис позволяет порезвиться с ее настройками:

  1. Button text – как Вы понимаете, тот текст, что будет на кнопке
  2. Далее длина кнопки и размер шрифта на ней
  3. Далее –настройки цвета кнопки. Если Вы не знаете цифрового обозначения цветов, не плачьте: кликая в поле цвета, Вы можете выбрать цвет вручную – в сервисе встроенные редакторы цвета.

В следующей вкладке Вы можете добавить в виджет ленты Google кнопку Plus.

  1. Для этого достаточно поставить галочку в чекбокс Include Plus One button
  2. Если Вы хотите использовать эту кнопку вместо кнопки присоединиться, то имеет смысл поставить и вторую галочку в Use instead of button
  3. В поле Url to use for plus one нужно ввести адрес, на который Вы хотите передавать плюсы Ваших посетителей. Это стоит сделать в том случае, если Вам нужны не столько последователи, сколько их голоса

Следующая вкладка Friends, если Вы хотите, чтобы лента Google Plus  включала лица друзей, милые Вашему сердцу.

  1. Для начала, конечно, нужно включить эту функцию, поставив галочку в чекбокс Show friend count
  2. Затем поиграться с размерами аватарок (Picture size) и их количеством. Тут сервис грамотно ограничивает наши аппетиты всего 8 участниками.

И последняя вкладка – это то, ради чего все затевалось: долгожданная лента Google Plus  - фид Ваших последних сообщений в этой сети.

  1. Ясное дело, сначала ее нужно включить – поставить галочку, что да, мол, я желаю, чтобы посетители моего блога были в курсе того, что я там на гугле сеял разумного, доброго и вечного.
  2. Установить высоту ленты последних сообщений и добавить текст, что это именно Последние сообщения , ну, или что Вы там себе захотите
  3. Про настройки шрифтов и цветов говорить не буду – они одинаковы во всех вкладках
  4. Если Вы хотите, чтобы в ленте гугла отображались количество комментариев и репостов – поставьте галочку в чекбокс Comments and shares и отредактируйте тексты полей
  5. И наконец, последняя галочка – выводить ли картинки в ленте. Твердо укажем, что да, мол, выводить, ибо картинка тысяч слов дороже! А заодно и размеры укажем, в зависимости от наших предпочтений.
Лента Google+ на сайт: фид

Засим, проверив еще раз все вкладки, ибо отредактировать Вам ничего не дадут, и убедившись, что все путем, жмем на кнопку  Get your widget now!

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

Вот так, например. выглядит моя лента Google Plus

Бонус!

Код, который предоставляет виджет содержит невалидный участок устаревшего кода. Т.ч., если валидатор сообщит Вам, что frameborder="0" он считает пережитком царизма, то удалите этот участок, а

style="padding:0; margin:0; overflow:hidden;"

замените на

style="padding:0; margin:0; border:0; overflow:hidden;"

Вот и все! Теперь на Вашем блоге есть валидная лента последних сообщений Гугл Плюс – не жизнь, а сплошной праздник!

Лола Пирхал

Сертифицированный коуч, бизнес-тренер, интернет-предприниматель, веб-разработчик

+38 067 7923605 KartaUspeha.ru

QR:  '.get_the_title().'

Что Вы об этом думаете?

Подарок

Оставьте Ваш первый комментарий и получите замечательный подарок!


10 комментариев

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *