Artinblog logo
  • DLE
    • Шаблоны
    • Модули
  • SEO
    • SEO для начинающих
  • Общество
  • jQuery
  • Дизайн
  • Услуги
Главная » Общество » Кнопки социальных сетей для DLE RSS
дек 25 2012 photo

Кнопки социальных сетей для DLE

admin 266 212
  • 80
  • 1
  • 2
  • 3
  • 4
  • 5

Кнопки социальных сетей для DLE


Сегодня никто не станет оспаривать огромное влияние социальных сетей если не на все общество, то на большую ее часть. В связи с этим, оптимизация веб-ресурсов раскололась на два направления: поисковая оптимизация (SEO) и социальная оптимизация (SMO).

Если рассматривать второе направление более конкретно, то SMO – это оптимизация под социальные медиа ресурсы (социальные сети, блоги и т.д.).

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

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

 

Первый сервис, на который стоит обратить внимание - Share42.com.

 

Кнопки социальных сетей для DLE

 

Это бесплатный сервис, представляющий из себя генерирующий скрипт. Настроить его чрезвычайно просто. Для этого выбираем размер иконок, затем социальные сети (их можно менять местами при помощи перетаскивания), настраиваем остальные параметры и, так как мы настраивает кнопки для DLE, то в пункте «Выберите наиболее подходящий тип сайта:» указываем «прочие CMS». После чего скачиваем готовый скрипт, заливаем его себе в корневую директорию хостинга, туда, где расположен ваш веб-сайт (http://site.name/share42/). Далее копируем исходный код скрипта из пункта 5 и вставляем его в шаблон fullstory.tpl, в нужное вам место (обычно вставлять следует после тега {full-story}). После этого, во вставленном скрипте, тег [url] заменяем на {full-link}, а [title] на {title}. В результате должно получиться следующее:

 

<div class="share42init" data-url="{full-link}" data-title="{title}"></div>
<script type="text/javascript" src="/share42/share42.js"></script>

 

Кнопки социальных сетей для DLE


Преимущество данного сервиса:

- красивые иконки, выполненные в едином стиле
- максимально оптимизированный код скрипта, который кэшируется браузером, для максимально быстрой загрузки
- простота установки и настройки
- различные варианты панели с иконками (горизонтальная, вертикальная «плавающая»)
- никаких лишних ссылок и HTML кода (ссылки выводятся при помощи javascript с атрибутом rel=«nofollow»)
- использует всего одно спрайтовое изображение (позволяет снизить количество запросов к серверу)

Следующий рассматриваемый сервис социальных кнопок от Яндекса.

 

Кнопки социальных сетей для DLE


Здесь все предельно просто:

- выбираем нужные иконки и внешний вид блока

- копируем исходный код скрипта и вставляем в нужное место в DLE шаблон fullstory.tpl.

 

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

 

Установка блока с социальными кнопками от Яндекса для HTML4:

 

1. Добавьте скрипт блока на вашу страницу (fullstory.tpl):

 

<script type="text/javascript" src="//yandex.st/share/share.js" charset="utf-8"></script>

 

2. Добавьте на страницу контейнер блока:

 

<span id="ya_share1"></span>

 

3. Добавьте javascript-код вызова функции блока (см. пример ниже):

 

<script type="text/javascript">
new Ya.share({
  element: 'ya_share1',
    elementStyle: {
      'type': 'button',
	'border': true,
	'quickServices': ['yaru', 'twitter', '|', 'vkontakte']
    },
    link: 'http://www.yandex.com/',
    title: 'Yandex — the best search engine in the universe!',
    popupStyle: {
      blocks: {
        'Поделись-ка!': ['yaru', 'twitter', '', 'vkontakte'],
        'Поделись-ка по-другому!': ['yaru', 'twitter', 'vkontakte']
      },
      copyPasteField: true
    },
    serviceSpecific: {
      twitter: {
        title: '#Yandex — the best search engine in the universe!'
      }
    }
});
</script>

 

Преимущества очевидны: ничего не надо настраивать, дописывать, загружать на хостинг, но и разнообразных настроек тут просто не существует. Что может быть проще?

Ну и напоследок, рассмотрим социальные кнопки от Pluso.

 

Кнопки социальных сетей для DLE


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

Установка также проста, как и в предыдущем варианте: необходимо скопировать код скрипта и вставить его в нужное место в шаблон fullstory.tpl.

 Несомненно, существуют и другие сервисы (например от QIP), предлагающие скрипты социальных кнопок. Однако, корректно работать в DLE они отказываются.

Теги: социальные кнопки SMO DLE

HashFlare
Другие новости по теме:
  • SEO оптимизации сайта самому - 11 шагов
  • Основы заработка «Вконтакте»
  • Бесплатный трафик на сайт - 10 способов.
  • Самые распространенные ошибки блоггеров
  • Основные SEO понятия

Комментарии к: Кнопки социальных сетей для DLE (42)

    1. №1  Boogerman 15-01-2013 Цитировать
      А почему в DLE не работают кнопки от QIP? Неужели нельзя как-нибудь подшаманить в коде что-нить? А то уж очень хочется их поставить.
    1. №2  Antoxa 18-01-2013 Цитировать
      Цитата: Boogerman
      А почему в DLE не работают кнопки от QIP? Неужели нельзя как-нибудь подшаманить в коде что-нить? А то уж очень хочется их поставить.

      Поставьте лучше кнопки от Share42, по мне так они самые красивые и можно настроить, чтобы кнопки перемещались вместе с прокруткой страницы.
    1. №3  admin 19-01-2013 Цитировать
      Цитата: Boogerman
      А почему в DLE не работают кнопки от QIP?

      Социальные кнопки от QIP не подхватывают название новости (title) при нажатии на какую-либо социальную сеть, следовательно, что-то там править в коде не имеет особого смысла, т.к. другие кнопки отлично работают.
    1. №4  Max 19-01-2013 Цитировать
      Стандарт этого сайта XHTML 1.0, и меня не HTML5 под который этот скрипт заточен, со всеми его не валидными в XHTML тегами, для кого валидность не пустой звук гробить ее этим скриптом не будет, с каждой страницы будет идти по 5-7 ошибок. Не спорю html5 это с одной стороны неплохо, но есть еще и другие стороны wink
    1. №5  admin 20-01-2013 Цитировать
      Цитата: Max
      с каждой страницы будет идти по 5-7 ошибок

      Пожалуй вы правы, попробовал отключить скрипт социальных закладок, в результате в валидаторе стало на 2 ошибки меньше. Скрипт добавляет параметр data-title, который не сочетается с Doctype: XHTML 1.0 Transitional.

      Социальные кнопки от Pluso генерируют 3, а от Яндекса - 6 валидационных ошибок, так что можно сделать вывод, что кнопки от Share42.com в меньшей степени "вредны" для не HTML5 кодировки!
    1. №6  Mr.Kim 04-03-2013 Цитировать
      Мало того, что как вы говорите, кнопки от Share42 менее вредны, так они ещё и лучше выглядят.
    1. №7  admin 09-03-2013 Цитировать
      Ну тут кому как, но лично мне тоже больше всего нравятся кнопки Share42.
    1. №8  serIngemsreef 29-04-2013 Цитировать
      было интересно прочесть, возразить нечего))
    1. №9  Max 10-08-2013 Цитировать
      Фигня все эти рассуждения, если вдумчиво прочитать инструкцию от Яндекса по установке кнопок, там описывается этот момент, и дается скрипт, для кнопок не HTML5.
    1. №10  admin 11-08-2013 Цитировать
      Спасибо, документацию нашел, статью обновил. Добавил подраздел: установка блока с социальными кнопками от Яндекса для HTML4.
    1. №11  admin 07-01-2014 Цитировать
      Вик Шостак, посмотрел предложенные вами кнопки. На первый взгляд все не так уж и плохо, но корректно работать они на DLE сайте не могут, добавление сайта в социальную сеть "Вконтакте" не имеет смысла, ибо туда вставляется только ссылка на сайт без описания и картинок, да и то эта ссылка некорректная, так что на сайт перейти не получится. Добавление в "twitter" невозможно, появляется ошибка!
    1. №12  RamaBulis 05-06-2015 Цитировать
      Скажите есть ли возможность получить статус журналиста на Вашем сайте. Спасибо!
    1. №13  admin 16-06-2015 Цитировать
      RamaBulis, ответила в ЛС
    1. №14  Disaster 18-12-2015 Цитировать
      Нашел прикольные векторные!!! кнопки - share.itraffic.su/

      По внешнему виду очень похожи на PLUSO, но помимо стандартных круглых / скругленных форм кнопки можно выбрать во множестве форм: от звездочек до сердечек.

      Еще понравился малый вес (около 40Кб подгружаемого кода) и то что идет всего 1 запрос к их серверу.

      Также понравилось что разработчики написали в своем FAQ:

      СЕО-оптимизация. Никаких лишних ссылок. Все ссылки выводятся при помощи javascript с атрибутом rel=«nofollow» и безопасны для поисковиков.

      Безопасность. Мы не собираем статистику и др. специнформацию о ваших посетителях и не передаем ее "третьим лицам" в отличие от некоторых аналогичных сервисов.
    1. №15  Zaxvatu 09-08-2016 Цитировать
      Разработчики социальных сетей предусмотрели этот вариант и предлагают вебмастерам использовать мета-теги Open Graph для точного задания как изображения анонса, так и заголовка, адреса статьи или описания.
    1. №16  Alessa Shtern 11-08-2016 Цитировать

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

    1. №17  Гость ElvaAylward10 21-12-2020 Цитировать
      When I initially left a comment I seem to have clicked the -Notify me when new comments are added- checkbox and from now on each time a comment is added I receive 4 emails with the exact same comment. Is there a way you are able to remove me from that service? Thanks a lot!

      you are truly a excellent webmaster. The website loading pace is incredible. It seems that you're doing any distinctive trick. Furthermore, The contents are masterwork. you have done a great job on this topic!
    1. №18  Гость ElvaAylward10 22-12-2020 Цитировать
      I like the helpful information you provide in your articles. I will bookmark your blog and check again here frequently. I'm quite certain I'll learn many new stuff right here! Good luck for the next!

      Hello there! I know this is kinda off topic but I was wondering if you knew where I could locate a captcha plugin for my comment form? I'm using the same blog platform as yours and I'm having difficulty finding one? Thanks a lot!
    1. №19  Гость ElvaAylward10 24-12-2020 Цитировать
      I'm really enjoying the theme/design of your website. Do you ever run into any browser compatibility issues? A small number of my blog audience have complained about my site not working correctly in Explorer but looks great in Firefox. Do you have any ideas to help fix this issue?

      A person necessarily lend a hand to make significantly articles I might state. That is the very first time I frequented your website page and up to now? I amazed with the analysis you made to make this actual put up amazing. Wonderful activity!

      Nice blog here! Also your website loads up very fast! What web host are you using? Can I get your affiliate link to your host? I wish my website loaded up as fast as yours lol

      Awesome article.

      certainly like your web-site but you need to check the spelling on quite a few of your posts. Many of them are rife with spelling problems and I in finding it very troublesome to inform the truth then again I'll certainly come again again.
    1. №20  Гость ElvaAylward10 25-12-2020 Цитировать
      I really like your blog.. very nice colors & theme. Did you design this website yourself or did you hire someone to do it for you? Plz reply as I'm looking to create my own blog and would like to know where u got this from. thanks a lot

      You actually make it seem so easy with your presentation but I find this matter to be really something which I think I would never understand. It seems too complex and extremely broad for me. I'm looking forward for your next post, I will try to get the hang of it!

      I have been exploring for a bit for any high quality articles or weblog posts in this kind of area . Exploring in Yahoo I eventually stumbled upon this website. Studying this information So i am glad to convey that I have a very just right uncanny feeling I discovered exactly what I needed. I so much no doubt will make sure to don?t overlook this site and provides it a look regularly.

      Howdy! I just wish to offer you a big thumbs up for the excellent info you have here on this post. I will be coming back to your web site for more soon.

      Great web site you've got here.. It's hard to find good quality writing like yours these days. I really appreciate people like you! Take care!!
    1. №21  Гость ElvaAylward10 26-12-2020 Цитировать
      Thanks for sharing your thoughts on share. Regards

      Hi! Someone in my Myspace group shared this site with us so I came to give it a look. I'm definitely loving the information. I'm bookmarking and will be tweeting this to my followers! Outstanding blog and brilliant design and style.

      Yes! Finally someone writes about peppa pig roller coaster polly pocket.
    1. №22  Гость ElvaAylward10 27-12-2020 Цитировать
      Thanks very nice blog!
    1. №23  mamaligadoc 27-12-2020 Цитировать
      With respect !!!
    1. №24  Гость ElvaAylward10 28-12-2020 Цитировать
      This is a topic that's near to my heart... Many thanks! Exactly where are your contact details though?

      Hello there! I know this is kinda off topic but I was wondering if you knew where I could locate a captcha plugin for my comment form? I'm using the same blog platform as yours and I'm having trouble finding one? Thanks a lot!

      Its like you read my mind! You seem to know a lot about this, like you wrote the book in it or something. I think that you could do with a few pics to drive the message home a bit, but instead of that, this is great blog. A great read. I will certainly be back.

      If some one needs expert view regarding running a blog then i recommend him/her to visit this weblog, Keep up the nice job.

      I am truly happy to read this blog posts which carries tons of helpful facts, thanks for providing such statistics.

      We stumbled over here from a different page and thought I should check things out. I like what I see so now i'm following you. Look forward to going over your web page again.

      I'm not certain where you are getting your information, however great topic. I must spend some time learning much more or working out more. Thank you for fantastic information I used to be looking for this info for my mission.

      I was recommended this blog by my cousin. I'm not sure whether this post is written by him as no one else know such detailed about my trouble. You're amazing! Thanks!
    1. №25  Гость ElvaAylward10 30-12-2020 Цитировать
      Genuinely no matter if someone doesn't be aware of after that its up to other users that they will assist, so here it takes place.
    1. №26  Гость ElvaAylward10 02-01-2021 Цитировать
      I every time spent my half an hour to read this website's articles daily along with a mug of coffee.
    1. №27  Гость ElvaAylward10 02-01-2021 Цитировать
      What i don't realize is actually how you're not actually a lot more well-preferred than you might be now. You're very intelligent. You understand thus considerably with regards to this matter, produced me in my view imagine it from so many various angles. Its like women and men don't seem to be involved except it's one thing to do with Lady gaga! Your personal stuffs great. At all times deal with it up!
    1. №28  Гость ElvaAylward10 02-01-2021 Цитировать
      I was able to find good info from your blog articles.
    1. №29  Гость ElvaAylward10 03-01-2021 Цитировать
      This is my first time pay a visit at here and i am in fact pleassant to read all at alone place.
    1. №30  Гость ElvaAylward10 03-01-2021 Цитировать
      That is a good tip especially to those new to the blogosphere. Short but very accurate information… Appreciate your sharing this one. A must read post!
1 2
Имя:*
Комментарий:
Сервис не доступен
Похожие статьи:
  • SEO оптимизации сайта самому - 11 шагов
  • Основы заработка «Вконтакте»
  • Бесплатный трафик на сайт - 10 способов.
  • Самые распространенные ошибки блоггеров
  • Основные SEO понятия
  • Популярное
  • Авторизация
  • Как закрыть ссылку от индексации при помощи javascript
  • Как выявить дополнительные резервы для продвижения в поиске
  • На каком движке делать интернет-магазин. PrestaShop или OpenCart?
  • Оптимизация изображений — обзор 8 онлайн сервисов
  • Принципы резиновой верстки сайта
  • Плавная прокрутка страницы сайта
  • Лучшие движки для сайтов: преимущества и недостатки
  • Мета-теги для сайта. Мета-тег DESCRIPTION и KEYWORDS
  • Парсер контента от Datacol
  • Обратные ссылки на сайт: чем они полезны в SEO продвижении?
Войти
Забыли? Регистрация
HashFlare
  • Обратная связь
  • Карта сайта
При копировании материалов ссылка на источник Artinblog.ru обязательна. Copyright © 2012 - 2015