SEO Песочница - статьи для начинающих

Как добавить социальные кнопки на сайт Joomla 1.5 2.5 3.x?

Друзья, в данной статье я хочу предложить варианты добавления социальных кнопок на сайт Joomla 1.5 2.5 3.x в виде кода определенных популярных онлайн сервисов. Присоздании сайтов, я пользуюсь теми решениями, которые изложил ниже.

Решения в виде плагинов или модулей я не хочу популяризировать по нескольким причинам:

  • во-первых, в расширениях, как правило, прячутся скрытые или явные ссылки на сайт разработчика или на тот сайт, откуда было скачано расширение, владельцы которого заботливо вставили ссылочку на себя, сделав ее невидимой, конечно же :)
  • во-вторых, я еще не встречал такого компонента или плагина ни для Joomla 1.5 2.5 3.x, ни для Joomla 2.5, которые смог бы мне предоставить нужный набор социальных кнопок
  • в-третьих, большинство подобных расширений почему-то не особо не позаботились об общей стилистике и эстетике социальных кнопок, в связи с чем, можно встретить довольно пестрый ряд из разных социальных кнопок, как по высоте, так и по стилистике. Согласитесь, такой разнобой не радует глаз.
  • в-четвертых, иметь дело с кодом достаточно легко и приятно, благодаря чему, его можно интегрировать в практически любое место сайта, чего не сделаешь с плагином или компонентом.

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

 

Зачем нужны социальные кнопки на сайтах?

Скажем так, с началом появления социальных сетей и сервисов, размещение социальных кнопок на сайтах было данью моды. Со временем, влияние сигналов из социальных сетей стало настолько существенным, что польза для раскрутки сайтов, SEO-оптимизации, стала очевидной, что в свою очередь подтолкнуло практически каждого веб-мастера к размещению кнопок социальных сетей на своих сайтах.
Согласитесь, уже нет того рафинированного SEO, каким оно было 10 лет тому назад. Современная раскрутка имеет широкий круг задач, где процесс банальной закупки ссылок занимает уже не первые места, хотя он всё еще и является актуальным, но...

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

влияние социальных сетей на продвижение сайтов

Как видно из инфографики (хоть она и на английском языке), изучено влияние на продвижение в Google социальных сетей в Соединенных Штатах за июнь 2013 года.
Лидируют Google+, Facebook, Pinterest, Twitter. Важно обратить внимание на характеристику графика, важны различные действия, нетолько лайки и плюсы, но и важно делиться информацией, ставить ссылки, репостить... но это тема отдельной статьи.

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

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

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

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

http://share.pluso.ru/- российский сервис кнопок социальных сетей. Имеет очень широкий выбор кнопок, по крайней мере, выбор достаточный для продвижения сайтов в рунете. Пожалуй, нигде нет такого выбора кнопок соцсетей, рожденных на просторах СНГ, как здесь.

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

http://share42.com/ru- также известный и популярный сервис, который предлагает довольно внушительный набор кнопок социальных сетей, большинство из них мне даже не известно.

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

http://odnaknopka.ru/- наверно, это самый простой сервис, позволяющий добавить кнопки на сайт. Выглядит решение в виде простой кнопки, свойства которой также можно выбрать по вкусу - будь то выпадающий список соцсетей при наведении курсора на кнопку, или при клике новое окно... Однако, стоит отметить, что перечень кнопок социальных сетей далеко на самый широкий.

http://api.yandex.ru/share/- это последний сервис, который я хотел упомянуть, является продуктом компании Яндекс. Также, весьма простой и понятный интерфейс, с помощью которого можно оставить свой набор кнопок. Перечень кнопок, также, не самый широкий, но в отличие от предыдущего сервиса, вполне достаточный, поскольку охватывает основные социальные сети.
Помимо выбора набора и внешнего вида кнопок, есть одна особенность - чтобы добавить в набор кнопку Pinterest, необходимо указать url-адрес картинки. Для этих целей можно использовать, например, логотип сайта. Нажимаем ctrl+u и ищем ссылку на наш логотип, или просто кликаем правой кнопкой на логотипе и выбираем «Открыть изображение», в адресной строке видим ссылку на логотип :)

 

Как вставить код социальных кнопок на сайт Joomla 1.5 2.5 3.x ?

Вот мы и подошли к завершающей стадии процесса установки кнопок на сайт.
Наверняка, многие столкнулись с тем, что при добавлении кода или скриптов через админку, Joomla режет код и нужный результат не достигается.
Я уже писал в статье о том, как вставить видео на сайт Joomla, что самым удобным методом является установка редактора JCE, который можно скачатьздесь. В режиме просмотра кода, вставляем наш код виджета, сохраняем и наслаждаемся результатом :)

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

Надеюсь, что эта статья помогла Вам найти ответ на вопрос как добавить социальные кнопки на сайт Joomla 1.5 2.5 3.x и буду рад, если Вы поделитесь этой информацией в своих профилях социальных сетей с другими пользователями - возможно, кому-то еще пригодится :) Ну а если у Вас возникли вопросы, пожалуйста, задавайте их в комментариях.

Комментарии   

-6 #5 Павел 13.12.2014 01:58
Оооочень полезная информация. Облазил вес интернете, но так чётко, коротко и ясно нигде не нашёл. Спасибо автору!
#4 Sv 04.08.2014 18:03
Здравствуйте. А как поставить этот редактор по умолчанию? У меня если отключать TinyMCE, то при создании модуля белый экран появляется. А в настройках JCE я не нашла как поставить по умолчанию, т.е или работает TinyMCE или никакой не работает. Джумла 1,5,24. Помогите пожалуйста разобраться. Спасибо
#3 VMax 21.06.2014 20:40
Спасибо за статью!
Что, можно вставить кож с яндекса в html материала joomla 1.5 и кнопки появятся? у меня чет не чего не появилось.
#2 György 15.05.2014 13:29
Цитирую Лариса:
На сайте http://share.pluso.ru/ подобрала себе нужный набор кнопок и более-менее подходящий дизайн, скопировала код и вставила в статьи в режиме HTML кода страницы, но нужного эффекта не получилось - кнопки жмутся, но в соц.сетях никак не фиксируются.......... Видимо, как Вы и писали - режется код! Но, я ведь все сделала, как Вы описали - по первому варианту! Как быть? Случайно не дадите совета? .......Буду несказанно рада.
Заранее - БЛАГОДАРЮ.


Вы ставили себе JCE редактор? Если нет, то поставьте, потом сделайте его редактором по умолчанию через админку и уже в режиме кода вставьте код кнопок. После этого жмите "сохранить и закрыть".

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

Ну и порой нужно чистить кеш браузера через CTRL+F5 а также кеш системы в админке, чтобы увидеть изменения.
#1 Лариса 14.05.2014 14:06
На сайте http://share.pluso.ru/ подобрала себе нужный набор кнопок и более-менее подходящий дизайн, скопировала код и вставила в статьи в режиме HTML кода страницы, но нужного эффекта не получилось - кнопки жмутся, но в соц.сетях никак не фиксируются.... ...... Видимо, как Вы и писали - режется код! Но, я ведь все сделала, как Вы описали - по первому варианту! Как быть? Случайно не дадите совета? .......Буду несказанно рада.
Заранее - БЛАГОДАРЮ.