Сегодня время активного развития социальных сетей. продвижения сайта сегодня не возможно без социальных сетей, которые являются неотъемлемым атрибутом раскруткой Вашего ресурса. Упоминание Вашего сайта в социальных сетях учитывается поисковыми системами, но для того чтобы Ваш сайт чаще упоминали, необходимо установить кнопки социальных сетей на Вашем сайте.
Обычно, такие кнопки устанавливаются в конце интересного материала.
Как установить кнопки социальных сетей на uCoz
Встроенный виджет
В модуле «Редактор страниц» есть много встроенных виджетов. Установить эти виджеты на свой сайт проще простого.
При редактировании или добавлении новой страницы в модуле «Редактор страниц» нажимаете «виджет».
Выбираете виджет «социальные закладки».
Отмечаете социальные сети, кнопки, которых должны быть на Вашем сайте.
Нажимаете «получить код» и копируете этот код в то место странице, где должны быть соц кнопки.
Способ этот хорош, но не применим для других модулей сайта ucoz.
Скрипт кнопок социальных сетей для ucoz
Этот скрипт устанавливается в Шаблон сайта, советую предварительно прочитать статью «Редактирование шаблонов«
- Открываете «Панель управления» своего сайта. Переходите «дизайн» — «Управление дизайном (шаблоны)» — Модуль Каталог статей — Страница материала и комментариев к нему.
- Между тегами <head> </head> вставляете следующий код:
1<script type="text/javascript" src="http://vk.com/js/api/share.js?11" charset="windows-1251"></script> - После тега <body> вставляете код:
12345678<div id="fb-root"></div><script>(function(d, s, id) {var js, fjs = d.getElementsByTagName(s)[0];if (d.getElementById(id)) return;js = d.createElement(s); js.id = id;js.src = "//connect.facebook.net/ru_RU/all.js#xfbml=1&appId=230670416984852";fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));</script>
- После системного кода $MESSAGE$ вставляете код, который ниже.
1234567891011121314151617181920212223242526272829303132<p></p><br><hr /><!-- Социальные кнопки --><center><table width="600"><tr><td td width="150"><div class="fb-like" data-send="false" data-layout="button_count" data-width="450" data-show-faces="false" data-action="recommend"></div></td><td width="150"><script type="text/javascript"><!--document.write(VK.Share.button(false,{type: "round", text: "рекомендую"}));--></script></td><td width="150"><a href="https://twitter.com/share" class="twitter-share-button" data-lang="ru">Твитнуть</a><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></td><td width="150"><g:plusone size="medium"></g:plusone><script type="text/javascript">(function() {var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;po.src = 'https://apis.google.com/js/plusone.js';var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);})();</script></td></tr></table></center><hr />
Теперь на всех статьях Вашего сайта, снизу всегда будут кнопки четырех самых популярных социальных сетей!
Вставил коды всё вроде бы по инструкции, но……. не работает((
Уважаемый Дмитрий! Я вижу на странице вашего сайта, кроме моего варианта еще один скрипт социальных кнопок. Скрипты могут конфликтовать друг с другом. Поэтому некоторые кнопки могут не показываться. Поэкспериментируйте. Если не получится воспользуйтесь сервисом http://share.pluso.ru/. На этом сайте именно и такие кнопки. Просто вставьте код, который сгенерирует сервис после $MESSAGE$
Спасибо за статью, очень помогло, а то никак не могла разобраться как же эти кнопки добавить 🙂
Спасибо большое за Ваш отзыв. Всегда приятно, если кому-то пригодилось!