Websitehelp.ru

видео

Блог Seo чайника

Главная » Статьи » Мои статьи

Как добавить кнопки социальных сетей на отдельную статью Ucoz
Кнопки "Поделиться" в социальных сетях под каждой статьёй на странице со списком материалов категории .
 
  Наверняка многим владельцем сайтов хотелось иметь на своих страницах кнопки соц сетей (Share buttons), ведь они очень важны для продвижения ресурса и скорее всего многие из нас довольно просто установили их с помощью yandex.ru/share или других скриптов находящихся в свободном доступе. Но к сожалению эти скрипты работают не всегда корректно и дают поделиться ссылкой только на всю страницу в целом, то есть если у вас сайт в виде блога или каталог статей как на Юкоз, и посетитель на главной странице каталога захочет поделиться конкретной статьёй, то при нажатии на кнопку ссылка в социальную сеть пойдёт не корректная и сохранится вся страница, а понравившаяся статья потом может затеряться. После долгих поисков в интернете, скрипта на кнопки, который бы мог осуществить возможность поделиться конкретной статьёй я конечно же не нашёл, потому не затейливыми действиями решил проблему сам.
 
Как установить кнопки для отдельных статей каталога на Юкоз.
 
Для этого нам понадобится скрипт для кнопок от яндекса. То есть ссылки его кнопок. Если скопировать в браузере ссылку какой либо кнопки - мы получим вот такой результат. Например для Facebook http://share.yandex.ru/go.xml?service=facebook&url=http%3A%2F%2Fapi.yandex.ru%2Fshare%2F&title=%C2%AB%D0
 
Нам Необходимо просто после url= вставить $ENTRY_URL$, и получаем
 <a href="http://share.yandex.ru/go.xml?service=facebook&url=http://адресвашего сайта$ENTRY_URL$"
Соответственно для социальных сетей получаем ссылки   Вконтакте  
 <a href="http://share.yandex.ru/go.xml?service=vkontakte&url=http://адресвашего сайта$ENTRY_URL$"
 
Одноклассники  <a href="http://share.yandex.ru/go.xml?service=odnoklassniki&url=http://адресвашего сайта$ENTRY_URL$"                   
Твитер <a href="http://share.yandex.ru/go.xml?service=twitter&amp;url=http://адресвашего сайта$ENTRY_URL$"                     
 livejournal <a href="http://share.yandex.ru/go.xml?service=lj&amp;url=http://адресвашего сайта$ENTRY_URL$"                            
 
 
Далее добавляем код на открытие нового окна и его размеров.
 
target="windowName"
onclick="window.open(this.href,this.target,'width=600,height=300');
return false;"
 
Потом делаем соответствующую иконку для кнопки, это уже кому как нравится, под стиль своего сайта или скриншотим с других ресурсов, конечно желательно, 
чтобы иконка была в PNG формате. Или сохраните мои. Потом загружаем к себе на сайт и делаем ссылку к иконке.
 
  
 
<img src="ссылка к иконке соц сети" ></a>
 
В итоге получаем такой вот код.
 
<a href="http://share.yandex.ru/go.xml?service=facebook&url=$ENTRY_URL$" target="windowName"
onclick="window.open(this.href,this.target,'width=600,height=300');
return false;"><img src="ссылка к иконке соц сети" ></a>
 
Также делаем и другие кнопки соц сетей, какие вам нравятся. Далее заходим в Редактор юкоз -> Управление дизайном модуля -> Каталог статей -> вид материалов и вставляем получившиеся коды на эту страницу. Расположение кода также на ваше усмотрение, я например разместил сразу под кодом $MESSAGE$.
 
Всё, кнопки готовы. Такие кнопки очень удобны например для сайтов на которых есть фотографии, картинки, видео и т.д., которыми без проблем смогут делиться ваши посетители.
 
Как работают кнопки можно посмотреть на этом сайте, на главной странице.
 
 
 
 
 
 


Источник: Как установить Кнопки "Поделиться" в социальных сетях под каждой статьёй на странице со списком материалов категории.
Категория: Мои статьи | Добавил: Green (19.11.2013)
Просмотров: 18539 | Теги: seo, статьи, Share buttons, ucoz, кнопки, юкоз | Рейтинг: 4.7/5, голосов: 3
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Статистика

Партнёры

Forex