Устанавливаем кнопки социальных сетей на сайт Joomla 3

Занимаясь продвижением сайта и его внешней оптимизацией нельзя упустить возможность получить дополнительный приток пользователей при помощи социальных сетей. В этом нам помогут специальные кнопки социальных сетей, при помощи которых пользователи сайта смогут поделиться заинтересовавшей их информацией со своими друзьями и подписчиками.

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

Рассматривать все подобные сервисы нет смысла, поэтому сегодня я расскажу только об одном из сервисов социальной активности – UpToLike. Почему я выбрал именно его? Все просто, при помощи данного сервиса очень легко и просто установить кнопки социальных сетей совершенно на любой сайт, а для популярных систем управления контентом (Joomla, Wordpress, Drupal и т.д.) разработаны специальные плагины. Кроме того помимо кнопок социальных сетей сервис UpToLike предлагает массу других полезных функций для вашего сайта, но о них в другой раз.

Как установить кнопки социальных сетей на сайт

Для установки на свой сайт кнопок социальных сетей можно воспользоваться несколькими способами:

  1. Настроить внешний вид кнопок и социальные сети, в которые можно будет передавать информацию на сайте UpToLike, сгенерировать код и вставить его в любое место шаблона, желательно ближе к концу.
  2. Если ваш сайт разработан на одной из популярных систем управления контентом, то вы можете просто скачать и установить необходимый плагин с сайта системы.

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

Установка кнопок социальных сетей при помощи плагина

Данный подход к установке кнопок социальных сетей самый простой, но как я уже говорил, подходит он только для тех, кто использует одну из популярных систем управления контентом. Так как мы используем для этих целей Joomla 3, то нам как говориться повезло, для этой CMS уже имеется готовый плагин (для версии 3 и 2.5).

Регистрируемся на сайте UpToLike, в личном кабинете жмем на кнопку «Создать проект» после чего мы попадаем на страницу выбора виджетов. В самом конце страницы наблюдаем тот самый плагин, который нам нужно скачать:

Скачиваем плагин для Joomla 3 чтобы установить на сайт кнопки социальных сетей

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

После успешной установки плагина вы получите соответствующее сообщение

Последуем рекомендации и включим плагин, для этого переходим в раздел «Менеджер плагинов: Плагины» и находим там наш только что установленный плагин под названием «Uptolike Share Buttons Plugin», который, как и ожидалось, находится в отключенном состояние. Открываем его для редактирования и наблюдаем следующую картину:

Настройка плагина кнопок социальных сетей UpToLike

На вкладке «Плагин» нас ничего не интересует, тут можно оставить все по умолчанию, разве что состояние переключить на «Включено». Переходим на вкладку «Описание». Вот тут уже начинается самое интересное – настройка внешнего вида кнопок социальных сетей:

Настраиваем внешний вид кнопок и выбираем социальные сети из предложенного списка

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

Из плюсов данного метода установки кнопок социальных сетей является простота, установил плагин, настроил и все работает. Минус был выявлен только один – если вы планируете выдергивать данные из базы данных, например, такие как полный текст статьи, то могут появиться проблемы с появлением дополнительных символов в начале статьи. Эти символы есть не что иное, как скрипт самого плагина, который добавляется в тело статьи, выглядит это так:

<script type="text/javascript">(function(w,doc) {if (!w.__utlWdgt ) { w.__utlWdgt = true; var d = doc, s = d.createElement('script'), g = 'getElementsByTagName'; s.type = 'text/javascript'; s.charset='UTF-8'; s.async = true; s.src = ('https:' == w.location.protocol ? 'https' : 'http') + '://w.uptolike.com/widgets/v1/uptolike.js'; var h=d[g]('body')[0]; h.appendChild(s);}})(window,document);</script>

И все бы ничего, но есть одно НО! Когда программно пытаешься выдернуть часть текста статьи с использованием функции substr, то весь этот скрипт так же учитывается в качестве текста. Если это для вас не критично, то плагин можно смело использовать, в противном случае лучше воспользоваться другим способом установки кнопок социальных сетей.

Установка кода кнопок социальных сетей в ручном режиме

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

Но перед тем как добавить код кнопок социальных сетей на свой сайт необходимо его предварительно сгенерировать, для этого на странице «Выбор виджета для проекта» находим компонент «Поделиться» и жмем на кнопку «Настроить»:

Виджет "Поделиться" для сайта на Joomla 3. С его помощью устанавливаются кнопки социальных сетей

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

После настройки виджета вводим имя своего сайта и жмем кнопку "OK"

После этих манипуляций перед вами появится новое всплывающее окно с тем самым кодом кнопок социальных сетей. Его необходимо скопировать и вставить в самый конец индексного файла шаблона Joomla 3, который установлен по умолчанию (/templates/текущий_шаблон/index.php). Я в свою очередь вставил код перед закрывающимся тегом body.

Вставляем сгенерированный код кнопок социальных сетей в самый конец файла index.php текущего шаблона

Сохраняем изменения в файле index.php, очищаем кэш в Joomla и на всякий случай в браузере (комбинация клавиш Ctrl+F5 на странице сайта), на этом все, можно проверять результат проделанной работы. Кнопки социальных сетей установлены и вполне отлично работают.

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

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