Вход | Регистрация

Вставляем кнопки соц. сетей в Joomla

социальные кнопки в joomla

Как вставить кнопки социальных сетей в материал Joomla, без использования плагинов и модулей. Используем блок от Яндекса.


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

Конструкторов подобных кнопок великое множество.
И здесь есть один момент! 

Учитывать нажатия на кнопки соц.сетей, Яндекс может только если на сайте установлен их блок "Поделиться".
Ссылка на конструктор блока >>

Это подтверждает наличие в Я.Метрике отчётов по кнопке "Поделиться".

 

отчёт метрики кнопка поделиться

 

Если установлены другие соц.кнопки, то Яндекс ничего не может гарантировать. Скорее всего он не зафиксирует переходы, а значит не учтёт поведенческие факторы.

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

Будем ставить этот блок напрямую в шаблон, без использования всяких плагинов и модулей.

 

Шаг 1. Выясняем есть ли в установленном шаблоне переопределение макета для материалов.

Немного поясню: в Joomla существуют макеты для каждого компонента и модуля. Это типа маленьких шаблонов.
И эти макеты можно переопределить и сделать их по своему. Что мы и сделаем)

В установленном шаблоне должна быть папка html - в ней хранятся все переопределения макетов.
Внутри этой папки должна быть папка com_content - здесь хранятся переопределения макетов для материалов. 
Они сгруппированы по принадлежности.

  • article - шаблоны для полного текста материала
  • categories - шаблоны страницы со списокм категорий
  • category - шаблоны страницы категории (в виде списка и в виде блога)
  • featured - шаблоны страницы избранных материалов

переопределение макета в Joomla

Как видно из скриншота шаблонов в папке может быть несколько.
Напрмиер в папке article (шаблоны для полного текста статьи), есть 2 шаблона:

  • default.php - основной шаблон
  • default_links.php - шаблон для отображения дополнительных ссылок статьи.

нам нужен файл default.php

Полный путь до него:

ваш_сайт/templates/ваш_шаблон/html/com_content/article/default.php

 

Если папки html/com_content нет в вашем шаблоне.

Такое может быть. 
Значит идём в адимнку Joomla -> Менеджер шаблонов.

Вы увидите список шаблонов, кликаем по вашему шаблону (в 2-ой колонке - шаблоны), который стоит по умолчанию.

переопределение макета в Joomla 3

Далее идём на вкладку "Создать переопределение".

В колонке "Компоненты", находим com_content, разворачиваем и кликаем по article

 

переопределение com_content в joomla

 

 

И видим что создалось переопределение.

Теперь можно открыть файл default.php, который лежит в папке /html/com_content/article

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

 

Шаг 2. Вставляем код, полученный из конструктора кнопок.

Теперь нужно скопировать предложенный код для блока поделиться - https://tech.yandex.ru/share/ 

код социальных кнопок

Скопировали? Ок.

Как вы могли заметить в файле default.php содержится html код вперемешку с php. 
Если вы читаете эту статью, то наверное, разбираетесь в html.
Если нет, то вот бесплатный курс >>

Примерно на 111 строке видим блок div с itemprop = articleBody
В этом блоке, через $this->item->text, выводится текст статьи.

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

Я создал ещё один блок div с классом my_share_buttons и поместил в него код из конструктора.
Дополнительный блок я создал чтобы им можно было управлять через CSS стили.

Получилось так:

вставка кода соцкнопок в Joomla

 

А в статье выглядит так:

вид социальных кнопок от Яндекса

Дополнительно для блока .my_share_buttons можно добавить отступы, фон и другие стили.

 

Шаг 3. Проверяем работу сайта и кнопок.

Не забываем проверить работу сайта и самих кнопок.
Попробуйте поделиться статьёй в своей соц.сети.

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

 

Примечание: вставлять кнопки лучше на сайте, который размещён на хостинге.
На локалке они будут долго загружаться.

 

Также посмотрите как вставить социальные кнопки в карточку товара JoomShopping.

На этом всё. Спасибо за внимание.

С уважением, Олег Касьянов

Сохраните эту информацию к себе, чтобы не потерять:

И подписывайтесь на наш онлайн-журнал.
С уважением, Олег Касьянов.

Комментарии

Оставьте ваше мнение

*

Получать уведомления о новых комментариях

user

Сергей 09-04-2018 10:56:16

Сделал всё как описано выше, получилось, но правая боковая панель слетела ниже текста, использую шаблон JT-Drive

user

Олег 10-04-2018 08:00:27

Наверное, не туда поставили код кнопок. Ссылку на сайт пришлите, я посмотрю.

user

Сергей 11-04-2018 09:00:04

http://ser-zlat.ru/ строил сайт по вашему курсу Сайт на Joomla за 7 часов.

user

glyuker 12-04-2018 10:43:48

Спасибо за урок. Всё работает.

user

Leo 30-07-2018 14:15:35

Спасибо, хороший сайт, странно, что даже рекламы нету)

user

Олег 30-07-2018 16:40:19

Leo, пользователям она не нужна)

X

Спасибо!
Ваш комментарий появится после одобрения

нашли ошибку? напишите
X

Вход

Ваш e-mail:

Ваш пароль:


Забыли пароль?
Регистрация

X

Нашли ошибку или баг? Напишите мне.

placeholder="Опишите пожалуйста где вы нашли ошибку и какую, буду вам очень благодарен">

^ Наверх