Кнопки социальных сетей в Joomla 2.5. Варианты от Яндекса и PlusoОпубликовано: 03.05.2013 13:43 Автор: Ogri Просмотров: 25432
Кнопки социальных сетей в Joomla 2.5
Куда внедрять?
Какие и где взять?
Блок Поделиться от Яндекса и панель от Pluso
Плавающая вертикальная панель от Share42
Выборочное размещение
Локализовав файлы и места в их коде, куда внедряются скрипты панелей социальных кнопок, перейдем к вопросу, где взять эти скрипты. Есть множество сервисов, помогающих сгенерировать подобный код в соответствии с потребностями вебмастера. Рассмотрим два из них.
Блок "Поделиться" от Яндекса
Неплохой вариант для русскоязычного сайта. Идем на http://api.yandex.ru/share/ и настраиваем панель. В группе Набор сервисов выбираем интересующие нас соцсети. Почему-то включены только 12 сервисов, хотя на деле поддерживается 21 (включая Яндекс.Закладки), в чем можно убедится на странице документации. Как добавить остальные - чуть позже.
Теперь выберем внешний вид блока, кликнув на одном из вариантов в соответствующем меню. Скопируем содержимое раздела Код. Полученный скрипт вставляем согласно инструкции из предыдущей статьи. Чтобы добавить сервисы, не вошедшие в сгенерированный код, кликаем на линк Документация и скроллим вниз до раздела Список поддерживаемых сервисов. Я, например, зарегистрирован в LinkedIn. Нахожу его в списке, копирую ID сервиса - linkedin и добавляю к скрипту: data-yashareQuickServices="yaru, vkontakte, facebook, twitter, odnoklassniki, moimir, lj, gplus, linkedin"
. В результате код приобрел такой вид:
<script type="text/javascript" src="//yandex.st/share/share.js" charset="utf-8"></script>
<div class="yashare-auto-init" data-yashareL10n="ru" data-yashareType="button" data-yashareQuickServices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir,lj,gplus,linkedin"></div>
Если есть желание добавить панель как перед содержимым, так и после (как вариант - интегрировать с JComments), то первую строку - ссылку на JavaScript - можно добавить один раз - перед содержимым, а сам блок DIV - перед и после.
Панель соцкнопок от Pluso.
Мой выбор на момент написания. Три размера кнопок, квадратные или круглые, несколько вариантов заливки, включая черно-белые, выбор цвета фона. Опционально - счетчик кликов. Нравится, продолжу пользоваться.
На сайте производителя строим подходящий макет. Копируем сгенерированный код. Вот мой:
<script type="text/javascript">(function() { if (window.pluso)if (typeof window.pluso.start == "function") return; var d = document, s = d.createElement('script'), g = 'getElementsByTagName'; s.type = 'text/javascript'; s.charset='UTF-8'; s.async = true; s.src = ('https:' == window.location.protocol ? 'https' : 'http') + '://share.pluso.ru/pluso-like.js'; var h=d[g]('head')[0] || d[g]('body')[0]; h.appendChild(s); })();</script> <div class="pluso" data-options="big,square,line,horizontal,counter,theme=06" data-services="facebook,twitter,vkontakte,odnoklassniki,yandex,moimir,google,linkedin" data-background="transparent"></div>
Как и в случае с блоком от Яндекса, код состоит из двух частей: скрипта и контейнера DIV. В случае помещения одинаковых панелей перед и после - скрипт можно вставить единожды в место перед содержимым. Если же делать две разные панели вверху и внизу - тогда два сгенерированных фрагмента кода вставляются как есть перед статьей и после нее. В общем, все гибко.
Также есть возможность создать вертикальную панель. В этом случае ей можно задать соответствующий стиль и подвесить в любой части страницы без привязки к конкретному материалу. Такой вариант будет рассмотрен отдельно на примере другой разновидности социальных кнопок - от Share42.
Новые
-
20.07.2020 00:53
Joomla 3: Перенаправление на ту же страницу после авторизации -
13.02.2017 14:09
Joomla: как добавить свои языковые константы или переопределить существующие -
13.02.2017 13:23
Joomla: Интегрируем reCAPTCHA v2 (NO CAPTCHA) в JComments -
23.06.2016 10:48
Единая фильтрация вывода модуля mod_jcomments_latest -
13.09.2015 13:06
Постим иллюстрированные статьи Joomla-сайта на Facebook, используя OG-теги
Популярные
-
94177
Миграция с Joomla 1.5 на Joomla 2.5. Ч.2-1. Перенос jDownloads и jComments -
60856
Редактирование анимированных GIF-имиджей в Photoshop CS3 -
53867
Joomla: Интегрируем reCAPTCHA v2 (NO CAPTCHA) в JComments -
34153
Joomla: как добавить свои языковые константы или переопределить существующие -
33730
Единая фильтрация вывода модуля mod_jcomments_latest
Авторизация
Гитара
Гостевая колонка
Последние комментарии
-
Joomla: Интегрируем reCAPTCHA v2 (NO CAPTCHA) в JComments
-
www.vespermov.com 24.03.2023 18:52
It's genuinely very complex in this full of activity life to listen news on TV, therefore I just use ...
-
Ghost In Car 24.03.2023 18:33
%% Also visit my web site ... Ghost In Car ...
-
door fitting near me 24.03.2023 18:21
%% Here is my web page door fitting near me ...
-
privacy 24.03.2023 18:20
%% Also visit my web-site ... privacy ...
-
window fitters 24.03.2023 18:04
%% Feel free to surf to my website ... window fitters ...
-
אתר הבית 24.03.2023 16:59
Spot on with this write-up, I absolutely believe that this website needs a lot more attention.
-
-
Joomla: Какую версию выбрать?
-
Innovative 24.03.2023 18:06
%% my web-site Innovative: http://mail.ansanam.com/bbs/board.php?bo_table=report_status2&wr_id=66730
-
boundary 24.03.2023 17:42
%% Here is my homepage: boundary ...
-
-
Структура внутренних ссылок сайта на Joomla
-
Costs 24.03.2023 17:48
%% Also visit my webpage: Costs: https://dba.sky-info-tech.com/index.php?action=profile;u=48410
-
-
Цифровые коды WEB (веб) цветов для сайта
-
Http://Ttlink.com/ 24.03.2023 18:27
I've read a few excellent stuff here. Certainly worth bookmarking for revisiting. I wonder how a lot ...
-
Комментарии
However, consider this, what if you typed a catchier
title? I am not saying your content is not solid, but suppose
you added a post title that makes people want more? I mean Кнопки социальных
сетей в Joomla 2.5. Варианты от Яндекса и Pluso is a little plain.
You should glance at Yahoo's front page and note how they write news headlines
to get people to open the links. You might add a related video or a related picture or
two to grab readers excited about what you've got to say.
Just my opinion, it might bring your posts
a little livelier.
new apple iphone! Just wanted to say I loce reading through your bblog andd look forward to all your posts!
Carry on the fantastic work!
Just wanted to say I love reading your blog annd look forward too all your posts!
Keep up the great work!
your е-mail subscription hyperlink ⲟr e-newsletter service.
Ꭰo you'vе any? Plеase permit me realize in orԁer that I
сould subscribe. Тhanks.
Review mʏ web page ... lisinopril 5
mց
My webb page ... servicio dj
from this web page, and yоur views are nice in support օf new useгs.
Ⅴery helpful informatiοn specially the final sectіօn :) I handle such info much.
Ӏ was seeking thiѕ partіcular information for ɑ long time.
Thanks аnd best of luck.
My web-site: lasix tablet
I'll bookmark your blog and check аgain herе frequently.
І'm quitе ѕure Ӏ'll learn a ⅼot of new stuff
right һere! Best of luck fοr the neҳt!
Αlso visit mү blog post ... buying generic nexium pills (nexium4ᥙs.toⲣ)
whеre can i get cheap celebrex withⲟut dr prescription (celebrex4ᥙs.tօp) love all of tһe pοints you've maԀe.
Ι һave tгuly loved browsing yoսr weblog posts. Ӏn any casе І wiⅼl be subscribing for үⲟur feed аnd
I'm hoping сan yoս buy paxil ѡithout insurance (paxil4սs.top) ᴡrite οnce mߋre vеry soon!
I seriously appreciate your way of blogging. I saved
it to my bookmark webpage list and will be checking back soon. Please visit my website too and let me know your opinion.
Take a look at my web pagе ... hߋw tо buy cheap promethazine ᴡithout rx (promethazine4all.toρ)
can i do іt pⅼease һelp оut.
well aѕ from our dialogue madе at this pⅼace.
Review mʏ web blog; саn i order cheap baclofen for sale (baclofen2022.top)