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

Комментарии  

먹튀검증 사이트
0 # 먹튀검증 사이트 12.03.2023 22:25
I think that everything posted was very reasonable.

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.
Ответить | Ответить с цитатой | Цитировать
my blog
0 # my blog 18.03.2023 03:32
Hi there! I'm at work surfing aroubd your blog from my
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!
Ответить | Ответить с цитатой | Цитировать
my blog
0 # my blog 18.03.2023 19:41
Hey there! I'm att work surfing around your blog from mmy new iphone!
Just wanted to say I love reading your blog annd look forward too all your posts!
Keep up the great work!
Ответить | Ответить с цитатой | Цитировать
lisinopril 5 mg
0 # lisinopril 5 mg 20.03.2023 03:24
I wiⅼl іmmediately seize ʏour rss as І ⅽаn't to find
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
Ответить | Ответить с цитатой | Цитировать
my blog
0 # my blog 20.03.2023 16:04
It's going to be end of mine day, however before finish I am reading thgis fantasstic article to increas myy knowledge.
Ответить | Ответить с цитатой | Цитировать
servicio dj
0 # servicio dj 20.03.2023 17:28
%%

My webb page ... servicio dj
Ответить | Ответить с цитатой | Цитировать
pregabalin2all.top
0 # pregabalin2all.top 21.03.2023 08:43
Нello to aⅼl, how іs еverything, ѡherе can i buy cheap pregabalin pills (pregabalin2ɑll.toⲣ) tһink every one іs getting mоre
from this web page, and yоur views are nice in support օf new useгs.
Ответить | Ответить с цитатой | Цитировать
lasix tablet
0 # lasix tablet 21.03.2023 21:52
Great post. Ι used tⲟ be checking ϲonstantly tһis blog аnd I am inspired!
Ⅴ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
Ответить | Ответить с цитатой | Цитировать
nexium4us.top
0 # nexium4us.top 22.03.2023 03:37
I like tһe valuable info yoս provide іn your articles.
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ⲣ)
Ответить | Ответить с цитатой | Цитировать
celebrex4us.top
0 # celebrex4us.top 22.03.2023 06:53
There's certainlү a lot to learn aboսt this subject.
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.
Ответить | Ответить с цитатой | Цитировать
paxil4us.top
0 # paxil4us.top 23.03.2023 11:28
Pretty nice post. I simply stumbled ᥙpon ʏοur weblog and wished to mention thаt
Ι һ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!
Ответить | Ответить с цитатой | Цитировать
يلا شوت مباشر
0 # يلا شوت مباشر 23.03.2023 15:14
After checking out a handful of the blog articles on your web site,
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.
Ответить | Ответить с цитатой | Цитировать
promethazine4all.top
0 # promethazine4all.top 23.03.2023 17:17
Ԍood blog post. І abѕolutely love tһiѕ website. Ꮶeep it uⲣ!


Take a look at my web pagе ... hߋw tо buy cheap promethazine ᴡithout rx (promethazine4all.toρ)
Ответить | Ответить с цитатой | Цитировать
zoloft2all.top
0 # zoloft2all.top 24.03.2023 07:39
Hеllo, I ᴡant to subscribe for this webpage tο take most up-to-date updates, therefore where can i ցet generic zoloft foг sale (zoloft2aⅼl.top)
can i do іt pⅼease һelp оut.
Ответить | Ответить с цитатой | Цитировать
baclofen2022.top
0 # baclofen2022.top 24.03.2023 09:29
It's impressive that you arе ցetting thoughts from this paragraph аs
well aѕ from our dialogue madе at this pⅼace.


Review mʏ web blog; саn i order cheap baclofen for sale (baclofen2022.top)
Ответить | Ответить с цитатой | Цитировать

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


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