Categories: uCoz

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

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

Как установить кнопки социальных сетей на uCoz

Встроенный виджет

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

Скрипт кнопок социальных сетей для ucoz

Этот скрипт устанавливается в Шаблон сайта, советую предварительно прочитать статью “Редактирование шаблонов

  • Открываете “Панель управления” своего сайта. Переходите “дизайн” – “Управление дизайном (шаблоны)” – Модуль Каталог статей – Страница материала и комментариев к нему.
  • Между тегами <head>   </head> вставляете следующий код:
    <script type="text/javascript" src="http://vk.com/js/api/share.js?11" charset="windows-1251"></script>
    
    
  • После тега <body> вставляете код:
    <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$ вставляете код, который ниже.
    <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 />
    

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

View Comments

  • Вставил коды всё вроде бы по инструкции, но....... не работает((

    • Уважаемый Дмитрий! Я вижу на странице вашего сайта, кроме моего варианта еще один скрипт социальных кнопок. Скрипты могут конфликтовать друг с другом. Поэтому некоторые кнопки могут не показываться. Поэкспериментируйте. Если не получится воспользуйтесь сервисом http://share.pluso.ru/. На этом сайте именно и такие кнопки. Просто вставьте код, который сгенерирует сервис после $MESSAGE$

  • Спасибо за статью, очень помогло, а то никак не могла разобраться как же эти кнопки добавить :-)

    • Спасибо большое за Ваш отзыв. Всегда приятно, если кому-то пригодилось!

Share
Tags: facebook twitter uCoz vk вк вставить на сайт кнопка сайт скрипт социальные сети соцсети твиттер фейсбук

Recent Posts

  • Excel

Как правильно открыть CSV с многострочными ячейками в Excel

Если при открытие csv файла с помощью excel У все поехали ячейки - это простой… Read More

% дней назад
  • Python

Загрузка проекта на Github и Автодеплой на сервер

Простые шаги как происходит Загрузка проекта на Github и Автодеплой на сервер Сделайте работу проще! Read More

% дней назад
  • Python
  • Полезная минутка

Миграция базы данных в проектах Python

Миграция базы данных - помогают с этим библиотеки SQLAlchemy и Alembic. Read More

% дней назад
  • Python

Команды Git – Шпаргалка по основным командам Git

Основные Команды Git, которые точно пригодятся. Сохрани себе шпаргалку Git Read More

% дней назад
  • Python

Установка PostgreSQL на сервер Ubuntu и подключение через pgAdmin

Установка PostgreSQL на сервер Read More

% дней назад
  • Полезная минутка

Как создать PrimaryKey для таблицы в PostgreSQL

Как создать PrimaryKey в талице базы данных SQL [РЕШЕНО] Ошибка relation tablename_id_seq doesn't exist Read More

% дней назад