ADBLOCK_MSG
Кнопки социальных сетей в Joomla 2.5. Варианты от Яндекса и PlusoОпубликовано: 03.05.2013, 13:43 Автор: Ogri Просмотров: 28465
Кнопки социальных сетей в 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-теги
Популярные
-
118347
Миграция с Joomla 1.5 на Joomla 2.5. Ч.2-1. Перенос jDownloads и jComments -
87537
Joomla: Интегрируем reCAPTCHA v2 (NO CAPTCHA) в JComments -
63821
Редактирование анимированных GIF-имиджей в Photoshop CS3 -
61135
Joomla: как добавить свои языковые константы или переопределить существующие -
44831
Цифровые коды WEB (веб) цветов для сайта
Авторизация
Гитара
Гостевая колонка
Последние комментарии
-
Joomla: Интегрируем reCAPTCHA v2 (NO CAPTCHA) в JComments
-
Тест
25.08.2020 11:37
Не выводит сообщение об ошибке, если галку не нажать в рекапче
-
Николай3333
05.08.2020 07:55
Неужели работает?
-
Дарья Смирнова
29.07.2020 06:02
Здравствуйте, все вроде сделала по инструкции, но точно так же никаких изменений. Разве что теперь ...
-
ТвойБро
24.03.2020 03:42
Огромное спасибо, помогло. Странно, что по дефолту в jcomments предлагает в настройках выбрать ...
-
Валерий
21.02.2020 03:25
Проверка
-
Денис
02.01.2020 21:21
УРАААА! Заработало после очистки кэша сайта! Спасибо!
-
Денис
02.01.2020 20:56
Забыл сказать, что этот вариант установился на сайт, но по-прежнему при использовании reCAPTCHA ...
-
Вованя
25.12.2019 18:31
12345
-
Вованя
25.12.2019 18:31
Проверка, просто проверяю. раз раз раз)
-
Тест
25.08.2020 11:37
-
Миграция с Joomla 1.5 на Joomla 2.5. Ч.2-1. Перенос jDownloads и jComments
-
Андрей67
11.08.2020 16:54
У меня такая же картина, нет кнопки Импорт. как быть?
-
Андрей67
11.08.2020 16:54
Комментарии
Может надо отключать редактор при вставке кода?
Если же вы хотите, чтобы соцкнопки висели на любой странице сайта - почитайте, как внедрить их в index.php шаблона - вот здесь ogri.me/ru/web-design-development/417-knopki-sotsialnykh-setej-v-joomla-2-5-plavayushchaya-panel-ot-share42. Там на примере share42, но у Pluso тоже есть теперь выбор между горизонтальной и вертикальной панелями, можете прилепить ту или другую в удобном месте страницы.
Если не разберетесь, пишите - помогу. Удачи!
Parse error: syntax error, unexpected T_STRING in /home/enicun/enicun.com.ua/www/templates/1005003/h tml/com_content/article/default.php on line 66
Parse error: syntax error, unexpected ' < ' in /home/enicun/enicun.com.ua/www/templates/1005003/h tml/com_content/article/default.php on line 66
Лишней скобочки там нету, пересматривал сотню раз, просто её, по идеи, нужно чем-то заменить...только вот чем...?
Помогите разобраться, в предыдущей статье Вы писали куда вставить код в шаблоне сделаном в Артистер, у меня именно такой.
Так вот если после этой строчки
$content .= $article->event('beforeDisplayContent');
вставить
Сайт вообще работать не будет, видимо надо вставлять как то по хитрому, но Вы не указали как.
Вы не можете вставить код как есть, поскольку в вашем случае (да и в моем) скрипт страницы присваивается переменной $content. Просто добавьте в нее ваш код в строковом представлении:
$content .=
'<div class="yashare-auto-init" ........></div>
<script type="text/javascript" src="'.$this->baseurl.'/js/share_yaru.js" charset="utf-8"></script>';
И всё махом заработает. Вы правы, я это явно не уточнил в статье, надо будет поправить.
Кстати, если хотите постить в комментах код, заменяйте в тегах открывающую угловую скобку "<" на "& lt;" (без пробела и кавычек).
Попробуйте на тестовой площадке отключить все остальные скрипты. Если заработает - то действительно конфликт. Включайте по одному, после какого проблема вернется - с тем и конфликтует. Если такой метод не сработает - надо копать в другом напавлении. В каком - навскидку не скажу, не поковыряв.
Все-таки взял себя в руки и посмотрел. Повторюсь: прежде чем заботиться о кнопках, поработайте над шаблоном. Не обязательно менять, он у вас адаптивный (адаптивность, правда, с багами), и вообще, после не таких уж серьезных переделок мог бы стать человеческим. Начните с цветовой гаммы. Ваша нынешняя - кислотная просто до невозможности.
Удачи, искренне!
$jinput = JFactory::getApplication()->input;
$temp = $jinput->getInt('catid');
$cat_id = $temp[0] + 0;
if ($cat_id==10) {
====Код кнопок=====
}
Или воспользуйтесь функцией content_filter - см. статью ogri.me/ru/web-design-development/816-joomla-filtruem-kontent-po-materialam-kategoriyam-i-komponentam. Она позволяет создать гибкое условие по материалам, категориям и компонентам.