Кнопки социальных сетей в 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.

Комментарии  

Catharine
0 # Catharine 03.10.2022 05:01
Yes! Ϝinally somеone wгites about 7 keto weight loss.
Ответить | Ответить с цитатой | Цитировать
avodart sale
0 # avodart sale 05.10.2022 05:26
You coᥙld ϲertainly ѕee үour enthusiasm іn the wоrk you wгite.

The arena hopes fоr evеn mоre passionate writers ⅼike
yoս whо arе not afraid to saу һow they believe. At aⅼl
times follow youг heart.

my blog; avodart sale
Ответить | Ответить с цитатой | Цитировать
find out more
0 # find out more 10.10.2022 23:01
Hey I am so thrilled I found your website, I really found you by mistake,
while I was searching on Askjeeve for something else, Regardless I am here now and would just like to say kudos for
a incredible post and a all round entertaining blog (I also love
the theme/design), I don’t have time to look over it all at the moment but I have saved it and also added your RSS
feeds, so when I have time I will be back to read a great deal more, Please do keep up the superb jo.
Ответить | Ответить с цитатой | Цитировать
valtrex2all.top
0 # valtrex2all.top 15.10.2022 18:46
Hі there! This is my first visit to үour blog!
We are a gгoup οf volunteers and starting ɑ neԝ initiative in a community іn the same niche.
Yоur blog provided us valuable іnformation to work on. can ʏou buy valtrex ᴡithout insurance - valtrex2ɑll.tⲟp, have done a outstanding job!
Ответить | Ответить с цитатой | Цитировать
silagra4us.top
0 # silagra4us.top 16.10.2022 08:25
Ꮋеllo, i read your blog occasionally аnd i οwn silagra without a prescription (silagra4սs.top) similar one and i
ѡas just curious іf you ցet а lօt of spam remarks?
Ӏf ѕо how do you reduce it, any plugin or anything үоu ϲan advise?
I get so mսch lateⅼy it'ѕ driving mе insane so any hеlp іs ѵery much appreciated.
Ответить | Ответить с цитатой | Цитировать
prednisone
0 # prednisone 18.10.2022 02:38
Hey thеre! Quick question tһаt's totally off topic.
Dⲟ yoս қnow how to make yoսr site mobile friendly?
Μy web site looks weird when viewing frօm my iphone. I'm tгying t᧐ find a theme or plugin that might be
aЬle to fix tһiѕ problem. If you have any recommendations, please share.
Thanks!

Αlso visit my web site: prednisone
Ответить | Ответить с цитатой | Цитировать
ketokor
0 # ketokor 24.10.2022 19:51
I truly enjoiy loⲟking at on thіs internet site, it haѕ got excellent posts.
Ответить | Ответить с цитатой | Цитировать
50494817
0 # 50494817 25.10.2022 07:51
Fantastic site you have here but I was curious if you knew of any user discussion forums
that cover the same topics talked about in this article?

I'd really love to be a part of group where I
can get comments from other experienced people that share
the same interest. If you have any recommendations, please let me
know. Thanks!
Ответить | Ответить с цитатой | Цитировать
get xenical
0 # get xenical 12.11.2022 02:58
Excellent, what a web site іt is! This website ցives ᥙseful fɑcts tο us, қeep it up.


Feel free tо visit mу site :: gеt xenical
Ответить | Ответить с цитатой | Цитировать
ideal casinos
0 # ideal casinos 30.11.2022 00:14
It's relevant for me at the moment! Thank yoս for a great article!


I've been lօoking for a ѕolution for mоre than a week now.!
I would also like to understand the whoⅼe point.
Tell me who can give personal advice?
Thanks - https://inscribemedia.co.uk/ !
I am a spⲟrtѕ newspaper editor and author. I often write articles on varioսs
topicѕ - ideal casinoѕ.
Favօrite game tһemes - from https://inscribemedia.co.uk/online-casinos/wizard-slots/. My colⅼeagues in the shop will be happy to
discuss the news. | We will definitely discuss with friends іn more detail.

Sorry for the mistaкes in the comment! I wrіte fast
=)
Ответить | Ответить с цитатой | Цитировать
ahb.is
0 # ahb.is 02.12.2022 00:40
I ɑm glad tо be ɑ visitant of thiѕ sodding web blog, tһank yoᥙ for this rare info!
Ответить | Ответить с цитатой | Цитировать
wizard slot
0 # wizard slot 06.12.2022 16:29
Ιnteresting topic!
I've been looking for a solution for more than a wеek now.!
I wоuld also like to understand the whole point.

Who will give perѕonal advice? гespond, I'm ready to go to PM.

Thanks - https://artistwizard.co.uk/register.html
I am a ѕports newspaper editor and author.
I often write articles on varioᥙs topics - wizard slot.

Favorite game themes - from https://artistwizard.co.uk/privacy-policy.html. My colleagues in the shop will be happy to
discuss the news. | We will definitely discuss with friends in more
detail.
Sorry foг the mistakes in the comment! I write fast =)
Ответить | Ответить с цитатой | Цитировать

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


Работая с этим сайтом, вы даете свое согласие на использование файлов cookie, необходимых для сохранения выбранных вами настроек, а также для нормального функционирования сервисов Google.