Привіт, шановні читачі і гості LediSeo! Мені багато мої читачі пишуть про те, що у них проблеми з соціальними закладками на Joomla, які виводяться за допомогою плагіна Russian social bookmarks buttons, який я детально описувала в статті "Кнопки соціальних мереж для Joomla", так як він на багатьох сайтах кроспостіт посилання в акаунти соціальних мереж не тієї статті, де ми скликали на іконку, а посилається тільки на головну сторінку. У чому ця причина я зрозуміти не можу, так як в моєму випадку все чудово працює. Але тема соціальних кнопок залишилася відкритою для Joomla, так як даний плагін підходить тільки для версії движка 1.5, на інших же версіях він викликає помилки. І це навело мене на думку, що необхідно шукати універсальні кнопки соціальних закладок, які б підходили для всіх версій Joomla і при цьому працювали коректно. Розпочаті пошуки закінчилися несподівано швидко і з невеликим відкриттям, яке багатьом полегшить життя. Що за відкриття? Дізнаєтеся з даного матеріалу.

Про роль соціальних мереж при просування сайту вже написано стільки статей, що повторюватися не хочеться та й не навіщо. Всі ми знаємо, що якщо аккаунт в соцмережі добре розкручений, є дуже багато друзів, то можна це використовувати як чудовий засіб для залучення додаткової аудиторії на сайт. І тому практично на будь-якому сайті можна побачити кнопки соціальних мереж, завдяки яким користувач, що зайшов на сайт, може поділитися зі своїми друзями вподобаним матеріалом, натиснувши на ту чи іншу кнопку, де у нього є аккаунт. В результаті чого ресурс стає популярним і набуває нових відвідувачів.

Виводяться такі кнопки соціальних мереж самими різними способами - спеціальними плагінами, рукописним кодом або за допомогою спеціальних сервісів.

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

Рукописний код - річ чудова, але за умови, що Ви володієте професійними знаннями програмування.

Спеціальні сервіси - тут є кілька складнощів. По - перше, не завжди кнопки соціальних закладок згенеровані такими сервісами виглядає відмінно і вписуються в дизайн. По - друге, частина згенерованих кодів таких кнопок вимагає установку додаткових розширень.

Виходячи з усього перерахованого вище я поставила перед собою завдання знайти ідеальне рішення, завдяки якому можна буде встановити кнопки соцмереж на всі версії джумли і які б гарно вписувалися в дизайн. Рішення знайшла за допомогою одного сервісу, але яке ж було моє здивування, коли зрозуміла, що він дозволяє згенерований код кнопок соціальних мереж виводити абсолютно на будь-який сайт за пару кліків мишею і при цьому не вимагає додаткових розширень. Заінтригувала? Отже, зустрічайте, сервіс Share42.com - скрипт кнопок соціальних мереж.

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

Крок 1. Вибираємо розмір іконок кнопок і визначаємо які іконки сервісів у нас будуть.

Сервіс пропонуємо своїм користувачам на вибір 3 розміру іконок соціальних кнопок -32х32, 24х24, 16х16 (стрілочка 1). Щоб вибрати необхідний розмір достатньо клікнути на необхідної кнопці розміру

Далі з 46 представлених ікон необхідно вибрати ті сервіси, які найбільш популярні у нас - однокласники, мейл, фейсбук, вконтакте, гугл плюс, лайвжорнал, твіттер. Так само ми можемо вибрати іконки, завдяки яким сторінка буде додаватися в закладки Google або Яндекс.

Для додавання іконки необхідно просто по ній натиснути (стрілочка 2) і навколо неї відразу ж з'явиться рамка. Також нам сервіс пропонує в панель з кнопками соціальних закладок додати додаткові кнопки (стрілочка 3), завдяки яким ми зможемо додати сайт в обране, роздрукувати матеріал або ж переглянути rss - стрічку.

Крок 2. Визначаємо функціональність панелі з кнопками соціальних закладок.

Тип панелі - визначаємо як буде відображатися панель з кнопка - горизонтально, розташовуватися в Футор або ж вертикально, тобто відбиватися у вигляді плаваючої панелі з боку.

Обмежити видиме кількість іконок - за допомогою даної настройки Ви можете обмежити висновок іконок. Дана настройка активна тільки в тому випадку якщо тип обраний відображення вертикальний, але це не означає що їх не буде, просто щоб вони відбилися необхідно буде натиснути на стрілку.

Кодування сайту - тут вказуємо яка кодування у нашого сайту.

Додати іконку сайту - поставивши галочку в цьому рядку ми виведемо іконку на даний сайт.

Посилання на rss вашого сайту - дана функція стає активною в тому випадку, якщо Ви вибрали відображення іконки rss в панелі кнопок. Тут необхідно прописати адресу Вашої rss стрічки.

У разі, коли Ви підключали до сайту jQuery, то слід поставити галочку в полі "До Вашої сайту підключений jQuery"

Крок 3. Переглядаємо результат і викачуємо скрипт

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

Крок 4. Установка кнопок соціальних мереж на сайт

Після того як Ви натиснули на кнопку "Скачайте готовий скрипт" відбувається закачування папки share42.zip на Ваш комп'ютер і далі слідувати запропонованим інструкціям.

1.Вам необхідно розпакувати архів. Усередині отриманої папки share42 буде лежати ще одна папка з такою ж назвою, в якій буде лежати скрипт і іконки вибраних Вами соцмереж. Саме цю другу папку share42 необхідно за допомогою ftp - клієнта перекинути в кореневій каталог вашого сайту на хост.

2. Вказуємо на сторінці сервісу шлях до завантаженої на хост папці share42. Так як мені необхідно вивести кнопки соцмереж на сайт petrovlen.ru, то шлях до папки матиме такий вигляд: http://petrovlen.ru/share42/

Після того, як ми вказали шлях до папки share42 нам сервіс пропонує перевірити його правильність і пройти по посиланню http://petrovlen.ru/share42/share42.js. Якщо перед нами відкриється сторінка з набором непотних символів, то папка встановлена ​​вірно і ми можемо переходити до наступного кроку.

3. Вказуємо тип сайту, де будемо розміщувати код.

4. Копіюємо код кнопок соціальних мереж для розміщення на сайті в необхідному нам місці. Так як моєю метою було розміщення кнопок на сайті joomla, то скопійований код я розміщу в Футор, перед закривається тегом </ body>. Зробити це дуже просто, відкриваємо адміністративну панель сайту і заходимо у вкладку "Розширення" - "Менеджер шаблон"

На сторінці, в списку встановлених шаблонів, натискаємо за назвою шаблону, який активний на даний момент

і ми потрапляємо на сторінку зміни шаблону, де нам слід натиснути на кнопку "Редагувати HTML"

Перед нами відкривається сторінка з вихідним кодом, ми її прокручуємо до кінця і перед закриває тегом </ body> вставляємо скопійований код

Зберігаємо зміни, внесені пізніше. Відкриваємо наш сайт і бачимо, що в Футор з'явилася панелька з кнопками соціальних закладок.

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

проходжу за цим посиланням і потрапляю саме на ту сторінку, де і був зроблений клік. Все працює відмінно.

Думаю, що за допомогою сервісу Share42.com проблеми багатьох будуть вирішені, так як він дозволяє вивести іконки кнопок соціальних мереж абсолютно не тільки на всіх версіях Joomla, але і на будь-яких інших сайтах.

Ось по ідеї і все, що я хотіла сьогодні Вам розповісти. У мене буде одне прохання: напишіть в коментарях як у Вас працюють кнопки від сервісу Share42.com на Joomla, чи допоміг він Вам вирішити проблеми.

На сім я прощаюсь, всім удачі і до нових зустрічей. Не забудьте підписатися на оновлення блогу , Щоб не пропустити нові статті та щоб дізнатися хто отримає подарунок 30 вересня від Відчайдушною.

Бувай.

З повагою, Наталія Яшина

Можливо Вам це буде цікаво: