Виджет like вконтакте. Просто о кнопке мне нравится вк. Кнопка «мне нравится» от Facebook

Всем привет, друзья! Несколько недель назад я писал, и . Сегодня ми продолжим использовать социальные сети для продвижения сайта. В этом посте я напишу, как устанавливается на сайт кнопка мне нравится вконтакте и кнопка мне нравится facebook.

Как установить кнопку «Мне нравится» от Вконтакте

Для того, чтобы вы на своем сайте увидели красивую кнопочку от вконтакте нужно сделать всего три шага:

Добавить сайт в соц. сеть вконтакте;

Настроить внешний вид кнопки;

Скопировать код и вставить на свой сайт.

После вставки второй части кода, вы должны увидеть на своем сайте кнопку от вконтакте «мне нравится». Если возникли какие-то проблемы, то пишите в комментариях, постараюсь помочь:smile:.

Как установить кнопку «Мне нравится» от Facebook

Для начала перейдите вод сюда . Если вы не авторизованы, то сделайте это. Теперь на этой страницы нам нужно сначала заполнить некоторые поля. Хотя они на английском языке, но ничего страшного, разберемся:smile:.

• URL to Like – . Оставляем это поле пустим, поскольку ми хотим установить кнопку на все страницы;
• Height – высота. Можно ничего не ставить, по умолчанию высота кнопки нормальная;
• Layout – здесь нам нужно указать внешний вид кнопки. Я выбрал последний вариант button_count, на мой взгляд, он самый лучший. Можете попробовать выбрать другой вариант и посмотреть, как он выглядит. Если box_count или standard вам нравится больше, то, пожалуйста, ставьте тот, который нравится.
• Show Friends" Faces – показывать . Я убрал галочку, поскольку не хочу показывать аватари.
• Width – ширина. Я ничего не ставил, если ширина кнопки вас не устраивает, то можете ее указать.
• Color Scheme – цветовая схема. Оставил по умолчанию light (светлый).
• Action Type. Если выбрать like, то надпись на кнопке будет «нравится». А если recommend, то «я рекомендую». Я выбрал первый вариант like (нравится).
• Include Send Button — Включить кнопку «Отправить». Мне она не нужна, поэтому я галочку убрал.

После заполнения всех полей у меня получилось вод так:



Теперь нажмите на кнопку «Get code» для того, чтобы получить код.



Первою часть кода вам нужно разместить в файл footer.php перед тегом . А вторую часть в то место, где вы хотите видеть кнопку «Мне нравится» от Facebook на своем сайте. Можете разместить после кода кнопки «Мне нравится» от Вконтакте в файл single.php.
На этом у меня все. Как вам статья?

Несколько лет назад были очень популярны сервисы закладок. Сейчас их практически полностью заменили "лайки " социальных сетей. Я долгое время не хотел устанавливать эти кнопки на свой сайт, но, в конце концов, сдался и поставил – сейчас эти кнопки чуть ли не единственный способ получить "социальный" трафик, так как сервисы закладок уже давно никому не интересны. Плагинов для установки этих кнопок навалом, но мне так и не попался на глаза плагин, в котором были бы все эти 4 сервиса. По понятной причине – Вконтакте мало кому известен за пределами России и его поддержку игнорируют. Впрочем, оно и к лучшему – зачем грузить WordPress лишними плагинами, когда установку этих кнопок можно легко сделать вручную?

1 Установка кнопки Вконтакте

Виджет "Мне нравится " от Вконтакте можно получить .

Будьте внимательны! Кнопка Вконтакте единственная кнопка, в коде которой указывается ID подключаемого сайта. На приведенном скриншоте код будет нерабочим до тех пор, пока вы не нажмете на кнопку "Сохранить" – только тогда в коде API_ID будет заменен на ID вашего сайта и код станет рабочим.

Устанавливать кнопку надо в 2 этапа, сначала откройте файл header.php вашего шаблона и вставьте вызов скриптов в head секцию. Примерно так:

... ...

... VK.init({apiId: API_ID, onlyWidgets: true}); ...

Понятное дело, что вместо API_ID у вас должен будет указан ID вашего сайта.

Саму кнопку надо устанавливать кодом:

Не удивляйтесь, если на локальном сервере вместо кнопки вы увидите надпись "Please specify correct base domain name in app":

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

2 Установка кнопки Facebook

Виджет "Мне нравится " от Facebook можно получить .
Вы увидите вот такую страницу:

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

3 Установка кнопки Twitter

Кнопку "Твитнуть " от Twitter можно получить .
Вы увидите вот такую страницу:

Здесь вообще все просто – выбирайте опции и копируйте указанный код туда, где вы хотите вывести кнопку.

4 Установка кнопки G+

Кнопку "G+ " от Google можно получить .
Вы увидите вот такую страницу:

Здесь тоже все просто – выбирайте опции и копируйте код туда, где должна выводиться кнопка.

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

Как, собственно, выстроить их в ряд? Это не так сложно, как может показаться. Надо обернуть все кнопки в какой-нибудь див и определить его в styles.css вашего шаблона. Вот, например, код моих кнопок:

VK.Widgets.Like("vk_like", {type: "button", verb: 1, height: 20}); Твитнуть

VK.Widgets.Like("vk_like", {type: "button", verb: 1, height: 20}); Твитнуть !function(d,s,id){var js,fjs=d.getElementsByTagName(s);if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="http://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs"); window.___gcfg = {lang: "ru"}; (function() { var po = document.createElement("script"); po.type = "text/javascript"; po.async = true; po.src = "https://apis.google.com/js/plusone.js"; var s = document.getElementsByTagName("script"); s.parentNode.insertBefore(po, s); })();

То есть вызов кнопок у меня обернут дивом post-meta-social , который определен в styles.css таким образом:

.post-meta-social{ padding : 0px ; margin : 0px ; margin-top : 10px ; margin-bottom : 10px ; display : inline ; } .post-meta-social #vk_like { float : left ; width : 170px !important; } .post-meta-social .fb-like{ float : left ; width : 150px !important; } .post-meta-social #tweet_like { float : left ; width : 120px !important; } .post-meta-social .g-plusone{ float : left ; }

Post-meta-social{ padding: 0px; margin: 0px; margin-top: 10px; margin-bottom: 10px; display: inline; } .post-meta-social #vk_like{ float:left; width:170px!important; } .post-meta-social .fb-like{ float:left; width:150px!important; } .post-meta-social #tweet_like{ float:left; width:120px!important; } .post-meta-social .g-plusone{ float:left; }

Здравствуйте, дорогие читатели блога. Сегодня мы будем учиться вставлять на наш сайт кнопки со счётчиками от популярных социальных сетей таких как Google+, Facebook, вКонтакте и Twitter.

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

Ну а теперь поехали.

Кнопка на сайт Google+

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

Так как мы делаем по примеру мы выбрали стандартную кнопку от Google+ с счётчиком. В аннотации выбрали bubble, и язык, соответственно русский. Таким образом у нас получился вот такой код, который далее мы будем вставлять на свой сайт:

Кнопка для сайта «Мне нравится» от вКонтакте.

Переходим вот сюда . Теперь для начала нужно подключить новый сайт. Таким образом создаётся отдельный id номер именно для Вашего сайта. Для того чтобы подключить сайт Вам всего нужно заполнить три поля — это «Название сайта», «Адрес сайта» и «Основной домен сайта».

После всех этих не сложных шагов можно выбрать сам вид нашей кнопки вКонтакте. В нашем случае мы выбираем стандартную кнопку с текстовым счётчиком.

Как видите, что высота кнопки равна 22 пикселя. А название кнопки — мне нравится. Все эти значения Вы можете изменить под себя.

И теперь самое главное — это код для вставки кнопки на сайт. Для каждого сайта он будет не много изменяться из-за id номера о котором я говорил выше.

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

Код в шапке сайта между и :

VK.init({apiId: Ваш id номер, onlyWidgets: true});

Код для отображения кнопки вКонтакте:

VK.Widgets.Like("vk_like", {type: "button"},);

Кнопка для сайта «Мне нравится» от Facebook.

Чтобы добавить это кнопку к себе на сайт, для начала нужно перейти вот на эту страницу . Затем мы увидим следующее:

Теперь давайте рассмотрим что значат некоторые поля на странице настройки.

Send Button (XFBML Only) — если делать по примеру как на сайт, то нужно убрать галочку напротив Send Button. Данная галочка убирает или добавляет дополнительное поле в кнопке «Отправить».

Width — здесь выставляется ширина кнопки.

Show Faces — тут мы можем выбрать отображать или не отображать аватарки пользователей.

Verb to display — здесь мы можем выбрать текст в кнопке «Мне нравится» или «Я рекомендую».

Color Scheme — Тут можно выбрать оформление кнопки для светлых или же тёмных сайтов.

Font — выбираем шрифт надписей в кнопке.

После того как мы выбрали настройки находим кнопку «Get Code» и нажимаем на неё. Далее высветится окно с кодом, его тоже нужно вставлять в два этапа:

Вставляем код сразу после тега

(function(d, s, id) { var js, fjs = d.getElementsByTagName(s); if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/ru_RU/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, "script", "facebook-jssdk"));

Код для отображения кнопки

Вставляем этот код туда где должна отображаться кнопка от facebook:

Кнопка на сайт от Twitter

Заходим . И вот открылось вот это окно;-)

Здесь нам можно выбрать несколько различных кнопок, но в данном случае мы выбираем первую — Отправить ссылку.

Справа будем находится поле с кодом который нужно скопировать и вставить на сайт куда Вам нужно. Вот как этот код выглядит:

Твитнуть

Вот и всё мы научились добавлять кнопки. Теперь нам нужно их выровнять и немного украсить..

Выравнивание кнопок как на сайт.

Для начала я придумал простой класс для стилей CSS — «sochknop». А вот как выглядят сами стили CSS с этим классом:

#sochknop { opacity: 0.7; margin-bottom:20px; margin-left:55px; margin-top:45px; -moz-transition: opacity 0.3s 0.05s ease; -o-transition: opacity 0.3s 0.05s ease; -webkit-transition: opacity 0.3s 0.05s ease; } #sochknop:hover { margin-top:45px; opacity: 1; } #sochknop span { -o-margin-top:40px; padding:0px 0px; line-height:10px; float:left; }

Как видите, что для переменной sochknop я добавил : и . Это добавляет плавную прозрачность для кнопок. Если Вам этот не нравится просто удалите строчку opacity:

Теперь давайте посмотрим как это будет выглядеть в HTML.

Пример кода без кодов кнопок (чтобы было понятнее)

Кнопка от Гугл+ Кнопка от вКонтакте Кнопка от Твиттера Кнопка от Фейсбука

Пример кода с кодами кнопок:

window.___gcfg = {lang: "ru"}; (function() { var po = document.createElement("script"); po.type = "text/javascript"; po.async = true; po.src = "https://apis.google.com/js/plusone.js"; var s = document.getElementsByTagName("script"); s.parentNode.insertBefore(po, s); })(); VK.Widgets.Like("vk_like", {type: "button"}); Твитнуть !function(d,s,id){var js,fjs=d.getElementsByTagName(s);if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="http://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");

Друзья расположение кнопок Вы можете менять как Вам удобно.

Сервис SendPulse – это маркетинговый инструмент для создания подписной базы и перевода случайных посетителей вашего сайта в разряд постоянных. SendPulse объединяет на одной платформе важнейшие функции для привлечения и удержания клиентов:
● e-mail-рассылки,
● web-push,
● SMS рассылки,
● SMTP,
● рассылки в Viber,
● отправка сообщений в facebook messenger.

Рассылки email Вы можете воспользоваться различными тарифами для ведения e-mail-рассылки, в том числе и бесплатным. Бесплатный тариф имеет ограничения: подписная база не более 2500.
Первое, с чего нужно начать, при работе с сервисом e-mail рассыл ок , – это создать свою адресную книгу . Задайте заголовок и загрузите список e-mail адресов.

На SendPulse удобно создавать формы подписки в виде всплывающего окна, встроенные формы, плавающие и фиксированные в определенной части экрана. С помощью форм подписки вы соберете базу подписчиков с нуля или дополните новыми адресами свою базу.
В конструкторе форм вы можете создать именно ту форму подписки, которая наиболее полно отвечает вашим нуждам, а подсказки сервиса помогут вам справится с этой задачей. Так же возможно использование одной из доступных готовых форм.

При создании форм подписки обязательно использование e-mail с корпоративным доменом. Читайте, как .
Шаблоны сообщений помогут красиво оформить ваши письма подписчикам. Собственный шаблон писем вы можете создать в специальном конструкторе.

Авторассылки . Контент-менеджеры активно используют автоматическую рассылку . Это помогает автоматизировать процесс работы с клиентами. Создать авторассылку можно несколькими способами:
● Последовательная серия писем . Это самый простой вариант, когда вне зависимости от условий пишутся несколько писем, которые будут разосланы получателям в определенном порядке. Здесь могут быть свои варианты – серия сообщений (простая цепочка сообщений), особая дата (письма приурочены к определенным датам), триггерное письмо – письмо отправляется в зависимости от действий подписчика (открытия сообщения и пр).
● Automation360 – рассылка с определенными фильтрами и условиями, а также с учетом конверсий.
● Готовые цепочки по шаблону. Вы можете создать серию писем по заданному шаблону или видоизменить шаблон и подстроить его под свои нужды.
А/B тестирование поможет провести эксперимент по различным вариантам отправки серии писем и определить наилучший вариант по открытиям или переходам. Отправка Push уведомлений Push-рассылки – это подписка в окне браузера, это своего рода замена rss-подпискам. Технологии web-push стремительно вошли в нашу жизнь, и уже сложно найти сайт, который не использует для привлечения и удержания клиентов пуш-рассылки. Скрипт запроса на , вы можете отправлять письма, как вручную, так и создать авторассылки, создав серию писем или собрав данные с RSS. Второй вариант подразумевает, что после появления новой статьи на вашем сайте, автоматически будет рассылаться уведомление об этом вашим подписчикам с кратким анонсом.

Новинка от Send Pulse – теперь вы можете монетизировать сайт с помощью Push-уведомлений, встраивая в них рекламные объявления. По достижении 10$ каждый понедельник осуществляются выплаты на одну из платежных систем – Visa/mastercard, PayPal или Webmoney.
Push -сообщения на сервисе абсолютно бесплатны. Оплата берется только за White Label – рассылки без упоминания сервиса SendPulse, но если вам не мешает логотип сервиса, то вы можете пользоваться пушами бесплатно без ограничений. SMTP Функция SMTP защищает вашу рассылку от попадания в черный список за счет использования белых IP адресов. Технологии криптографической подписи DKIM и SPF, которые используются в рассылках SendPulse, повышают доверие к рассылаемым письмам, благодаря чему ваши письма реже будут попадать в спам или блэк-лист.Боты Facebook Messenger Facebook чат-бот находится на этапе бета-тестирования. Вы можете подключить его к своей странице и рассылать сообщения подписчикам.Отправка SMS Через сервис SendPulse легко отправлять-рассылки по базе телефонных номеров. Вначале вам нужно создать адресную книгу с перечнем телефонных номеров. Для этого выберите раздел “Адресная книга”, создайте новую адресную книгу, загрузите номера телефонов. Теперь вы можете создать СМС-рассылку по данной базе. Цена СМС рассылки варьирует в зависимости от операторов связи получателей и составляют в среднем от 1,26 рубля до 2,55 рублей за 1 отправленное СМС.Партнерская программа SendPulse реализует партнерскую программу, в рамках которой зарегистрированный пользователь по вашей ссылке, который оплатил тариф принесет вам 4000 рублей. Приглашенный же пользователь получает скидку 4000 рублей на первые 5 месяцев использования сервиса.

Здравствуйте, уважаемые читатели блога сайт. Сегодня хочу поговорить на довольно интересную тему добавления и установки на свой сайт кнопок от социальных сетей , и («Мне нравится» или другими словами «like button»), а так же добавление новой кнопочки «Google +1».

Думаю, что лайки от Вконтакте и Facebook стоят уже у многих, но все же в конце данной публикации скажу по поводу них пару слов. Но в основном хотелось бы сегодня поговорить про актуальность добавления на сайт счетчика «Гугл+1» (google plus one) и влияние его показаний на в этой поисковой системе.

Стоит ли добавлять кнопку Google +1 на свой сайт?

Кстати, не так давно на популярном буржуйском ресурсе Seomoz было проведено исследование о влиянии на продвижение сайта добавления анонсов статей в и Фейсбука. Судя по результатам данного исследования, использование кнопки «Мне нравится и ретвита имеет под собой основание.

Вообще, эти кнопочки добавить на свой сайт совсем не трудно, обладая хотя бы базовыми познания в Html и CSS (). Причем, не стоит беспокоиться об их кроссбраузерности, ибо во всех все будет выглядеть чики-пуки.

Да и в случае полного вашего нежелания лезть в код сайта можно воспользоваться соответствующими или . Но проблема состоит как раз в другом.

Все эти лишние кнопки, как правило, представляют из себя скрипт, который подгружается с серверов Вконтакте, Facebook или Google. Т.е. по любому они будут уменьшать вашего сайта, а этот критерий уже довольно давно учитывается при в поисковой выдаче, по крайней мере Google. Ну, а если сервер, с которого подгружается скрипт, будет временно недоступен, то это может существенно подтупить работу вашего ресурса.

Отсюда следует вывод, что их добавление должно быть обосновано их целесообразностью. Если про „Лайк“ можно сказать, что скорее всего она будет полезна (лично я предпочитаю использовать не отдельный скрипт кнопок „Мне нравится“ от Вконтакте и Facebook, а единый скрипт ), то про „Google +1“ все еще не совсем ясно и прозрачно.

Во-первых, ее использование только началось и по отдаче от ее добавления на сайт пока еще нет объективных данных, а во-вторых, в поисковой выдаче Google она доступна только для общемирового поиска Google.com и то, если вы зайдете как авторизованный пользователь:

Т.е., если сейчас брать в расчет только выдачу Google.com, то пользователи получили возможность рекомендовать понравившийся ему ресурс простым нажатием по кнопке „Гугл +1“ (при повторном щелчке можно будет забрать обратно свой отданный голос).

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

Ну, а для рунета вероятность такой лояльности будет не очень высокой. Поэтому Гугл и агитирует всех вебмастеров добавить на свой ресурс их кнопку „+1“. Ведь в этом случае пользователю не нужно будет возвращаться обратно в поисковую выдачу (которая к этому времени уже может быть в его браузере закрыта или погребена под ворохом открытых поверх страниц или вкладок), ибо он сможет отдать свой голос прямо на странице сайта с понравившейся ему публикацией.

Зачем это нужно поисковику мирового масштаба? Ответ очевиден — для повышения релевантности своей выдачи (у них появится куча бесплатных оценщиков качества сайтов) и для привлечения таким образом как можно большего количества пользователей (за счет качественных результатов поиска) и, соответственно, для увеличения в следствии этого своих заработков на контекстной рекламе.

Мне, кстати, Гоогл предложил установить кнопку „+1“ именно в моем аккаунте :

Вопрос, как всегда, шкурный, а значит стоит серьезно отнестись к влиянию кнопки „Google +1“ на продвижение вашего сайта — это может оказаться реально работающим инструментом. Но посмотрим как оно получится на самом деле. Если щелчки по ней реально являются одним из факторов ранжирования в региональных выдачах этого поиска, то ставим „гугл плюс“ обязательно, ну, а если нет, то ставим для эксперимента, чтобы убедиться в этом.

Как вставить кнопку Google+1 в блог на Вордпрессе?

Добавить ее на свой сайт, как я уже говорил, совсем не сложно. Сначала вам предстоит зайти в и поставить галочки в нужное положение, выбрав тем самым язык подписи к ней и ее размер:

Щелкнув по надписи „Расширенные настройки“, получите доступ еще и к возможности отключить счетчик количества кликнувших по „Google plus one“ простым снятием галочки в первом пункте:

В назначении остальных настроек будущей кнопки я не уверен. Собственно, теперь остается только, следуя рекомендациям разработчиков, скопировать два фрагмента кода „Google +1“ и вставить их в требуемые места каких-либо файлов шаблона движка вашего сайта (cms).

Т.е. нам нужно вставить код вызова скрипта либо в голову веб страниц между тегами Head, либо в самый конец видимой части Html кода сразу перед закрывающим тегом Body:

{lang: "ru"}

А второй фрагмент кода нужно вставлять уже непосредственно в то место шаблона сайта (читайте про , а так же про то, как устроены ), где вы хотите видеть симпатичную кнопочку „Гугл плюс один“.

Самом собой разумеется, что с помощью CSS свойств можно четко позиционировать ее относительно других элементов. В общем-то сделать для WordPress это будет очень просто и я об этом сейчас расскажу.

Для тех вебмастеров, которые еще не подружились с , а так же с CSS, расскажу как вставить кнопку „Google +1“ (да и заодно „Мне нравится“ от Вконтакте и Facebook) в WordPress с помощью специально для этого заточенных плагинов, а в Joomla — с помощью универсального плагина MultiAds, предназначенного для вставки нужных вам элементов в начало или конец всех страниц сайта.

Итак, если вы не боитесь влезать в код темы оформления вашего блога на WordPress (предварительно сделав ), то давайте приступим. Первую часть кода я вставил в файл footer.php, который вы сможете найти по следующему пути, подключившись к хостингу по FTP с помощью программы FileZilla, о которой можно почитать:

/wp-content/themes/папка с вашей темой оформления

В самом низу файла footer.php вы сможете найти закрывающий тег Body и сразу же перед ним вставить код вызова скрипта:

Сохраняете произведенные изменения и открываете теперь на редактирование в простейшем Html и PHP редакторе Notepad++ (описанном ) файл single.php из все той же папки с используемой вами темой. Тут немного сложнее, но путем экспериментов вы сможете найти нужное место для вставки кнопки „Гугл+1“, заключив ее предварительно в контейнер из Html тегов Div.

В контейнере Div я прописал класс class=»google", для которого в файле с таблицами каскадных стилей моей темы оформления (/wp-content/themes/папка с вашей темой/style.css) добавил :

Google {float: right; margin: 10px 10px 0 0;}

Если вам нужно будет вставить кнопку по быстрому, без прописывания CSS свойств в style.css, то можете воспользоваться :

Хотя, конечно же, лучше будет все CSS стили выносить из кода в отдельный файл. С помощью свойства «float: right» вы задаете прижатие вправо и обтекание вашей кнопки «Google+1» текстом, а второе — задает внешние отступы слева и сверху от нее.

Если вы захотите добавить счетчик «+1» еще и на главную страницу WordPress, то описанный чуть выше Div контейнер нужно вставить еще и в файл index.php из папки с используемой вами темой. Подходящее место для нее, думаю, вы и без меня найдете, хотя бы методом тыка.

Почему я так долго рассказываю про самостоятельную вставку кнопку в WordPress, а не начну разговор сразу с плагина? Ведь там и объяснять особо ничего не надо. Просто если есть возможность обойтись без плагина , то обязательно это сделайте — сервер вашего хостера скажет вам за это спасибо, а поисковики, возможно, положительно отреагируют на хорошую скорость загрузки вашего блога.

Но если все это вам не совсем подходит, то можете воспользоваться одноименным плагином для WordPress «Google +1» . проходит обычным способом. Его настройки будут находиться в меню «Параметры» — «Кнопка +1».

Как видите, настройки на русском не только очень простые, но и понятные. Повторюсь, что любой дополнительный плагин в WordPress — это зло и с ним нужно бороться. О том, как вставить Google+1 в Joomla, читайте в конце статьи. Собственно, с помощью описанного там плагина можно будет вставить в статьи совершенно любые вещи, например, блоки или Adsense.

Кнопки «Мне нравится» от Вконтакте и Facebook для сайта

В принципе, при самостоятельной установки кнопок «Лайк» от соцсетей Вконтакте и Facebook на WordPress, без использования предназначенных для этого плагинов, все будет аналогично описанному чуть выше процессу, разве только что место под них вы может быть выберите другое.

Код «Мне нравится» (like button) от Facebook можно сгенерировать на этой странице . Если в поле URL вы вставите адрес вашей главной страницы, то нравиться будет именно она, а если это поле оставить не заполненным, то нравиться будет та страница, на которой установлена кнопка от Фейсбука. О как!

Остальные настройки на ваш вкус, а то, что при этом получится, вы сможете увидеть в правом верхнем углу. Для получения кода жмете на «Get code». Там вам предложат два вариант кода. Использовать можно тот, который будет лучше работать.

Вставлять код кнопки «Мне нравится» в WordPress следует именно в то место, где вы хотите чтобы она отображалась, а для ее позиционирования заключите код в Div контейнер и пропишите в нем CSS свойства напрямую (через атрибут Style) или же через (по аналогии с описанной чуть выше «Гугл +1»)

Теперь перейдем к Вконтакте и его варианту «Лайка». Получить код можно будет на этой странице . Можете выбрать внешний вид и надпись на кнопке, а затем скопировать ее код.

По полной аналогии с описанной чуть выше «Google+1», код «Мне нравится» от Вконтакте тоже состоит из двух частей, которые вставлять нужно абсолютно так же, как и Гугловский шедевр. Думаю разберетесь.

А если все это для вас полная ахинея, то можете воспользоваться любым плагином . Мне понравился полностью заточенный под социалки рунета плагин Social Share Buttons . Там, кроме «Мне нравится» от Вконтакте и Facebook, вы сможете добавить на свой блог еще и другие социалки, популярные именно у нас.

MultiAds — как добавить кнопки Гугл+1 и Лайк в Joomla

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

Скачиваете этот плагин и устанавливаете точно так же, как и любое другое расширение для Джумлы. Затем выбираете в верхнем меню админки «Расширения» — «Менеджер плагинов» и щелкаете по названию «Content — MultiAds». Собственно, настроек у плагина не очень много.

В левой части вам нужно будет активировать этот плагин, а в правой — будет предложено вставить любой код в одно из четырех полей:

Таким образом вы сможете добавить на свой сайт любые кнопки социалок, включая и те, что мы рассмотрели в этой статье «Google +1» и «Мне нравится» от В контакте и Фэйсбука. Вы можете настроить выравнивание для них, выбрав нужный вариант из выпадающего списка, а так же задать нужные отступы.

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

Удачи вам! До скорых встреч на страницах блога сайт

Вам может быть интересно