Кнопки социальных сетей для сайта: способы установки

Сегодня сложно себе представить любой сайт в интернете который бы не пользовался кнопками поделится в разных социальных сетях. Ведь сейчас социальные сети очень стремительно развиваются и трафик на сайт с них может иногда при правильном подходе превышать трафик с поисковых систем в несколько раз. В связи с этим хочу сегодня и поговорить немного о том как добавить кнопки социальных сетей поделится на свой сайт. Что здесь сложного скажете вы, ведь сейчас есть множество сервисов которые предлагают быстро установить свой код на любой сайт который позволит делится вашей страничкой в популярных социальных сетях. Но в данном методе есть и некоторые недостатки через которые я и не рекомендую использовать сторонние сервисы для добавления социальных сетей на свой веб ресурс, и при создании сайтов я так же всегда стараюсь избегать по мере возможного подключать сторонние скрипты на сайт .  Как всем уже известно бесплатный сыр только в мышеловке и при том что даже там он не совсем бесплатен и мышь за него платит своей жизнью. Тоже самое и с кнопками соц сетей от сторонних сервисов, бесплатно никто работать не будет и в таком громком заявлении как «кнопки социальных сетей бесплатно» кроется плата которую вы все равно заплатите, к примеру: добавляя сторонний сервис на свой сайт вы добавляете лишнюю внешнюю ссылку на их веб ресурс, большинство данных сервисов используют данный код в своих скрытых рекламных целях, собирают информацию о ваших пользователях, и многое другое, а иногда даже бывает что добавляя такой код вы можете сами того не понимая добавить и вирус на сайт. Ну и я уже не говорю о том что вы полностью зависите от их сервиса, и если с ихним сервером что то случилось это отобразится на скорости загрузки и вашего сайта тоже, ведь ваш сайт будет пытаться подключится к их сервису тем самым будет увеличивать время открытия страницы вашего сайта, так же при оптимизации и продвижении вашего интернет ресурса вы наверняка захотите увеличить показатели google pagespeed но в связи с невозможностью внести изменения в сторонний сервис который вы установили в качестве кнопок поделится вы не сможете добиться желаемого вам результата. Ок, я думаю вы уже поняли почему я рекомендую как можно меньше добавлять сторонних сервисов на свой сайт, теперь давайте же мы с вами рассмотрим как же добавить кнопки поделится на свой сайт без использования всяких там сторонних сервисов, тем более что это не так уже и сложно, и я вам сегодня предоставлю готовый скрипт социальных кнопок на сайт, который вы без труда сможете себе установить, и не зависеть ни от кого. И так давайте же приступим к реализации и установки кнопок поделится на свой сайт. Все что нам с Вами потребуется это немного стилей добавить, немного HTML кода и подключить файл javascript с минимум настройками. Первое это HTML код самих социальных кнопок которые вам потребуется добавить в нужное вам место сайта:

Здравствуйте, уважаемые читатели блога Goldbusinessnet.com! Продолжаем изучение соцсетей как объектов SMO и CMM продвижения. Сейчас на очереди серия статей, в которых я постараюсь раскрыть все подробности установки кнопок социальных сетей. Прошлый материал был посвящен тому, как добавить социальные кнопки для сайта от Google+ и Facebook (здесь о регистрации и основных настройках, а здесь о Моей странице в Фейсбуке подробнейшие сведения).

Оглавление

Сегодня же поговорим о кнопках от Твиттера, ВКонтакте и остальных крупнейших социалок. Причем, как я уже упоминал, в статье о social buttons Гугл плюс и Фейсбука, ссылка на которую дана чуть выше по тексту, кнопки можно установить двумя способами. Во-первых, получив код при помощи конструктора, который имеется в распоряжении всех популярных сервисов. Во-вторых, создав социальные кнопки самостоятельно. И тот, и другой метод имеет свои плюсы и минусы, поэтому рассмотрим оба.

Кроме всего прочего, имеется возможность получить уже готовый блок, содержащий кнопки «Поделиться» практически от всех значимых соцсетей. Такую роскошь предлагают специальные сервисы (например, Pluso, UpToLike, Share42, GoodShare). Но в настоящей публикации речь пойдет исключительно о создании одиночных кнопок для каждой из социальных сетей, потому что в ряде случаев именно этот вариант оказывается наиболее предпочтительным.

Получение кода и установка кнопки от ВКонтакте и от сервиса микроблоггинга Твиттер

Я уже писал довольно детально о регистрации в Твитере (тут — как зарегистрироваться и начать общаться в Twitter). Эта социальная сеть весьма популярна в рунете, поэтому очень важно дать своим читателям, которые являются ее пользователями, отметить ваши публикации и поделиться ими с друзьями. Такие действия пользователей окажут позитивную роль в продвижении вашего сайта, поскольку сигналы из социальных сетей скрупулезно учитываются поисковыми системами.

А теперь непосредственно переходим к получению кнопки для расшаривания от Твитера. Для этого нужно оказаться на официальной странице конструктора и произвести соответствующие настройки:

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

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

Только не забудьте прописать для тега A, который определяет ссылку в HTML, атрибут rel=“nofollow” с тем, чтобы не допустить утечки веса страницы. И обязательно замените значение атрибута data-via, поставив свое имя пользователя в Твиттере, проще говоря, свой логин, который используете для авторизации в этой социалке.

Для оптимизации скорости загрузки страницы вашего сайта эту первую часть нужно вставить на то место, где бы вы хотели видеть социальную кнопку от Twitter. Если после каждой публикации, то открываете шаблон SINGLE.PHP (для большинства тем WordPress) и находите такую строку:

  the_content();  

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

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

Теперь попробуем получить кнопку для добавления ваших материалов пользователями в социальную сеть ВКонтакте (тут — регистрация ВК и вход в Контакт и настройка профиля). С этой целью идем на страницу генератора кода и выполняем необходимые настройки:

Здесь, по-моему, совсем и всем все понятно. Настройки стандартной кнопки даны по умолчанию. Вы можете, в зависимости от своих пристрастий, поменять форму button, отказаться от скругления углов, а также ввести любой текст, который будет отображаться на кнопке (по умолчанию — «Сохранить»).

Первую часть полученного кода (выделена красным) рекомендуется вставить между открывающим и закрывающим тегами HEAD. Для обычной темы WordPress следует открыть файл HEADER.PHP и (можно перед закрывающим тегом) вставить этот фрагмент:

   

Снова приведу пример для наглядности (замечу, что скрипт можно поместить и перед закрывающим BODY, как в других случаях, но для разнообразия надо рассмотреть и этот вариант):

Ну, а второй фрагмент опять же помещаете туда, где хотите видеть кнопку. Для динамических страниц блога Вордпресс это шаблон SINGLE. Повторюсь, что возможны исключения, об этом я подробно писал в материале о получении кнопочек от Гугл+ и Фейсбука, ссылка на этот пост в самом начале публикации. Кстати, как и обещал, начинаем разбирать действия, которые помогут понять до конца не только алгоритм вставки необходимых кодов, но и настройку кнопок для их адаптации к дизайну вашего сайта.

Итак, надеюсь, вы поняли, как и куда вставлять полученные коды для кнопок соцсетей. Для закрепления, как и обещал приведу пример, как размещены части кодов четырех кнопок самых популярных социальных сетей у меня на блоге. Для начала скриптовые части кодов кнопок в шаблоне FOOTER (для VKontakte, по рекомендации, если помните, мы поместили скрипт между тегами HEAD, обратите внимание на скриншот выше):

А вот участки, отвечающие собственно за месторасположение социальных кнопочек (SINGLE.PHP):

Каждую из кнопок я заключил в контейнер DIV и прописал соответствующие стили CSS, чтобы они выглядели красиво и соответствовали дизайну страниц сайта. С этой целью определил идентификаторы (ID) для каждого DIV, дав им названия и назначив свойства с определенными параметрами:

#twitter, #fb, #google{float:left;margin-left:50px;margin-top:15px;}
#vk{float:left;margin-right:30px;margin-left:40px;margin-top:15px;}

Попробуйте скопировать предложенный мной вариант и вставить в файл style.css своей темы WordPress (можно в самый конец, чтобы не путаться). Уверен, что многим такие стили окажутся подходящими. Если же в какой-то теме кнопки будут выглядеть некорректно, можно поиграть с числовыми значениями каждого из свойств. Если это покажется вам непосильной задачей, обратитесь к разделу блога «Учебник CSS», в котором познаете основы каскадных таблиц стилей. Вот как после этого примерно будет выглядеть набор кнопочек:

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

Официальные кнопки от сайтов Одноклассники и Surfingbird

На примере четырех популярных в рунете и в мире социальных сервисов (Твиттер и ВКонтакте довольно подробно рассмотрены в этой статье, а Гугл+ и Фейсбук в предыдущей) мы разобрали алгоритм вставки кодов кнопочек на сайт Вордпресс. Теперь быстро пробежимся по остальным важнейшим сетям, пользователями которых вполне вероятно могут оказаться ваши читатели.

Для сайта Одноклассники существует конструктор кнопки «Класс», которая по функционалу является ни чем иным как «Поделиться», несмотря на то, что надпись можно выбрать из трех предлагаемых вариантов:

Думаю, вы уже на автомате сориентируетесь, куда вставить первый отрывок (выделенный зеленым):

а куда скриптовый фрагмент:

Возможно, кто-то захочет установить Share Button от сервиса Surfingbird. В таком случае настроить получение кода можно на его официальной странице:

Ежели желаете получить кнопку со счетчиком, вверху нажимаете «With counters». В конструкторе выбираете понравившуюся кнопку, просто щелкнув по ней. В результате снова получаем два куска code. Скрипт (выделен красным):

   

снова размещаем перед закрывающим BODY, а непосредственно кнопку (предварительно прописав nofollow):

В нужное место страницы.

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

К плюсам можно отнести отсутствие скрипта в коде (который все-таки оказывает определенную нагрузку на сервер и негативно влияет на скорость загрузки сайта), возможность легко прописать для каждой из кнопок атрибут rel nofollow, поскольку ссылка на ресурс указана в явном виде (хотя значение нофоллоу уже не так, как раньше, влияет на распределение веса страницы).

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

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

название_сайта/wp-content/themes/название_темы/img/

Еще одно преимущество самостоятельного создания картинок для кнопочек состоит в том, что подгрузка каждый раз происходит не со стороннего ресурса, а прямо с сервера вашего хостинга, это тоже уменьшает скорость загрузки. Для наглядности предлагаю скриншот с расположением папки IMG в иерархии директорий сайта:

Только обязательно обратите внимание на то, какое название имеет папка с изображениями (для некоторых тем она называется IMAGES). Впрочем, для social buttons вы можете создать свою папку, только нужно будет прописать для нее правильный путь. Ниже даю коды для каждого из сервисов при создании своих соцкнопок на сайте WordPress.

Для социальной сети ВКонтакте:

">

Как я уже сказал, атрибут REl=“NOFOLLOW” предназначен для того, чтобы закрыть от индексации поисковыми системами ссылку, а атрибут TARGET=“_BLANK” я проставил, чтобы обеспечить открытие Контакта в другой вкладке, это очень удобно для пользователей, поскольку страница сайта остается открытой.

Однако, с помощью атрибута ONCLICK для тега A, в качестве значения которого используется функция WINDOW.OPEN() от JAVASCRIPT можно сделать так, что будет открываться не новая вкладка, а именно новое окно добавления анонса статьи, причем можно прописать для него фиксированные размеры с помощью атрибутов WIDTH (600) и HEIGHT (400):

', 'vkontakte', 'width=600, height=400'); return false;" href="http://vkontakte.ru/share.php?url=  the_permalink();  " rel="nofollow">

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

Твиттер:

   the_permalink();  ">

и

  the_permalink();  ', 'twitter', 'width=600, height=400'); return false;" rel="nofollow" href="http://twitter.com/home/?status=  the_title();    the_permalink();  ">

Фейсбук:

">

и

', 'facebook', 'width=600, height=400'); return false;" rel="nofollow" href="http://www.facebook.com/sharer.php?u=  the_permalink();  ">

Я.ру:

&URL=  the_permalink();  ">

и

&title=  the_title();  ', 'yaru', 'width=600, height=400'); return false;" rel="nofollow" href="http://wow.ya.ru/posts_share_link.xml?url=  the_permalink();  &title=  the_title();  ">

Livejourrnal:

&subject=  the_title();  ">

и

&subject=  the_title();  ', 'lj', 'width=600, height=400'); return false;" rel="nofollow" href="http://www.livejournal.com/update.bml?event=  the_permalink();  &subject=  the_title();  " >

Одноклассники:

&subject=  the_title();  " >

и

', 'odkl', 'width=600, height=400'); return false;" rel="nofollow" href="http://www.odnoklassniki.ru/dk?st.cmd=addShare&st.s=1&st._surl=  the_permalink();  ">

Все эти кнопки будут обладать функционалом, обеспечивающим добавление материалов вашего сайта Вордпресс в соответствующие социальные сети. Для этого коды кнопок добавляем в файл SINGLE.PHP в места появления social buttons (например, до или после поста). Все коды можно заключить в контейнеры DIV и прописать для них соответствующие классы или идентификаторы в целях их адаптации к дизайну сайта.

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

image

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

У меня такие кнопки вы можете видеть в конце каждой статьи:

image

Я расскажу вам несколько способов, а какой выбрать, решайте сами.

Кнопки социальных сетей на блог с помощью плагина

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

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

Вот несколько плагинов с примерами подобных кнопок:

Juiz Social Post Sharer – простой русскоязычный плагин с широким выбором всевозможных настроек. Доступны самые популярные соц. сети мира. Можно настроить отображение кнопок перед и после статей, а так же вид кнопок.

Social Share Buttons for WordPress – русскоязычный плагин, который поддерживает почти все русскоязычные кнопки. Установка и настройка стандартная. Вот как выглядят такие кнопки:

Они закрыты в nofollow, поэтому на скринщоте обведены красной рамкой, это сработало расширение у меня в браузере.

Кнопки социальных сетей на блог с помощью сторонних сервисов

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

Кроме того новичкам сложно закрывать внешние ссылки в таком коде. И, тем не менее, этот способ используют многие.

Сервис uptolike.ru. Мне он очень понравился, код чистый. Но конечно, используется дополнительный HTTP запрос на сам сервис.

Вам нужно просто, ввести свой e-mail и доменное имя блога, а затем скопировать сгенерированный код и вставить в шаблон блога. Вот как такие кнопки выглядели у меня:

Сервис pluso.ru – отличный генератор кнопок соц. сетей. Многие успешно им пользуются. Принцип работы кнопок как и в предыдущем примере. Вам нужно скопировать предоставляемы код и вставить в шаблон страницы, на WordPress это файл single.php

Вот таким образом выглядят кнопки сгенерируемые этим сервисом:

Кнопки социальных сетей на блог при помощи кода

Это мой самый любимый способ. Именно им я пользуюсь. Преимущество этого способа:

  • Кнопки внедряются непосредственно в шаблон блога;
  • Нет открытых ссылок на сторонние сайты;
  • Нет дополнительной нагрузки на блог из-за сомнительных скриптов сторонних сервисов;
  • Вы можете сделать кнопки уникальными, непохожими ни на какие другие;

Сейчас я вам подробно расскажу как можно это реализовать на блоге.

1. Нарисуйте или скачайте уникальные кнопки социальных сетей. Желательно в формате png.

2. Закачайте изображения кнопок в корневую директорию блога.

3. Скопируйте вот этот код

 &title=  the_title();  &description=  the_excerpt();  &image=  echo $image_url;  &noparse=true">

Обычно запись комментариев начинается примерно так:

  comment_status) && ('open' == $post->ping_status)) {  // Both Comments and Pings are open  ;  Вы можете оставить комментарий, или " rel="trackback"> ссылку на Ваш сайт.

Только не забудьте вместо слов «картинка» указать ссылки на свои соответствующие изображения.

4. Скопируйте код стилей и вставьте его в конец файла style.css

#subscribe_links {  width: 600px;  margin: 18px 0 0 50px;  }  #subscribe_links > a {  margin-left: 19px;  }  #subscribe_links > a:first-child {  margin-left: 0;  }  #subscribe_links > a > img {  width: 80px;  height: 80px;  }

5. Сохраняйте, обновляйте страницу, и любуйтесь новыми кнопками социальных сетей. У меня же вот что получилось:

Если возникли какие-то вопросы, задавайте в комментариях, буду рад ответить.

Репосты в социальные сети с помощью api

 ВКонтакте: https://vk.com/share.php?url=адрес_страницы  Facebook: https://www.facebook.com/sharer/sharer.php?u=адрес_страницы  Одноклассники: https://connect.ok.ru/offer?url=адрес_страницы  Twitter: https://twitter.com/intent/tweet?url=адрес_страницы  Google plus: https://plus.google.com/share?url=адрес_страницы  

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

Мета-теги Open Graph для сайта

                                      Пример кнопок репостов для соц.сетей  

Хоть twitter и начал использовать общие стандарты, все равно стоит прописать для него отдельные мета-теги, такие предосторожности не будут лишними. Самое интересное, что теги, которые относятся только к твиттеру, также может воспринимать и ВКонтакте. В случае, как приведен выше, ВК возьмет данные из тегов, которые находятся ниже в коде. Мета-теги og:image:type, og:image:width и og:image:height не являются обязательными, без них все будет работать, хотя в таком случае facebook может начать слать предупреждения в дебаггере программиста. Еще один момент, на который стоит обратить внимание, это доступность картинок страницы для роботов. Если конкретная страница или только картинка будут закрыты от индексирования в файле robot.txt, то соц. сети могут не взять картинку. Пока я тестировал разные сети, проблему обнаружил с twitter-ом, он категорически отказался использовать, закрытую от индексирования, картинку. Остальные соц. сети так не «капризничали», но ни что не мешает в будущем и им начать придерживаться таких правил. Последнее, о чем стоит знать, при подготовке страницы к репостам, это то, что все соц.сети кешируют данные из мета-тегов open graph. Чтобы обновить кеш, существуют специальные сервисы, практически у каждой, социальной сети. Мне удалось найти для ВКонтакте, Facebook и Twitter. Google plus предоставляет только сервис для валидации мета-тегов. А для Одноклассников вообще ни чего подобного найти не получилось. Если кто-нибудь знает сервисы сброса кеша для этих соц.сетей, то напишите в комментарии, я дополню статью. И как бонус можно засчитать то, что при обычной публикации ссылки в соц. сети, данные из OG мета-тегов, также будут использованы. И на страницах пользователей будет опубликованы красивые ссылки с заголовком, описанием и картинкой. Кроме социальных сетей, open graph мета-теги используют и месседжеры – skype, telegram и тд.

Код JavaScript для шарингов

  $(function(){  // клик по кнопке шаринга  $(".share_btn").click(function(){  var social = $(this).data("social");  // урл текущей страницы  var url_share = location.href;  // если задан атрибут data-url, то берем урл из него  if (typeof $(this).attr("data-url") !== typeof undefined && $(this).attr("data-url") !== false) {  url_share = $(this).data("url");  }  // открываем окно для репоста  share(social, url_share);  });  });      /**  * Создание нового окна браузера для репоста в соц.сеть  *  * @param string social - социальная сеть, в которую будет сделан репост  * @param string url_share - url страницы, которая будет опубликована в соц.сети  */  function share(social, url_share){  // определяем ссылку для нужной соц.сети  var url_soc = false;  switch (social) {  case "vk":  url_soc = "https://vk.com/share.php?url="+url_share;  break;  case "fb":  url_soc = "https://www.facebook.com/sharer/sharer.php?u="+url_share;  break;  case "ok":  url_soc = "https://connect.ok.ru/offer?url="+url_share;  break;  case "tw":  url_soc = "https://twitter.com/intent/tweet?url="+url_share;  break;  case "gp":  url_soc = "https://plus.google.com/share?url="+url_share;  break;  }    // открытие нового окна для шаринга  if(url_soc){  // размеры окна  var width = 800, height = 500;  // центруем окно  var left = (window.screen.width - width) / 2;  var top = (window.screen.height - height) / 2;  // открываем окно  social_window = window.open(url_soc, "share_window", " , ,top=" + top + ",left=" + left);  // устанавливаем на окно фокус  social_window.focus();  }  }  

Послесловие

Посмотреть рабочий пример можно по ссылке: тут. А скачать исходники можно на gihub. Через неделю будет опубликовано продолжение, в следующей статье попробуем с помощью api соц. сетей получать количество репостов для конкретной страницы. Обновлено 27.03.2018: Продолжение статьи опубликовано: подсчет репостов в социальных сетях.

К чему все это? 🙂 К тому, что мы все и так знаем — кнопки социальных сетей на сайте это важная, неотъемлемая часть не только для продвижения, но и для удобства посетителей сайта (сохранить себе что-то на стену и прочитать потом, поделиться с кем-то интересным материалом или принять участие в конкурсе). Именно поэтому мы объявляем о запуске нового проекта!

image

Инвайт-код: USOCIALBUTTONS

uSocial — это огромный опыт работы с соц. сетями, это отдельная команда профессионалов со знанием своего дела, чувством вкуса и желанием расти, продвигаться и улучшаться!

Есть и другие подобные сервисы, да-да, мы знаем это, но мы не будем долго рассказывать, чем мы хороши, просто посмотрите сами:

Создать набор кнопок uSocial для сайта

А если вы все же любите сначала почитать о плюсах, а потом пробовать, то вот вам наши плюсы:

Удобный конструктор

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

Изящный дизайн

Красивые сайты должны красиво дополняться кнопками соц. сетей, которые будут сочетаться с любыми дизайнами. У нас вы найдете достаточно красивых стилей, и это только начало — мы продолжаем работать над новыми стилями.

Только самое важное

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

Удобство — каждому

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

Статистика и аналитика

Не бойтесь заменить другие кнопки на наши — мы сразу подсчитаем все, чем поделились до нас. А с момента установки наших кнопок мы начнем еще считать даже то, что не умеет считать (Twitter, например). И мы покажем все это в красивых графиках в личном кабинете. Мы уже сейчас собираем все необходимые данные для того чтобы в будущем делать еще более расширенную статистику по всему сайту, в том числе самые популярные страницы/материалы и многое другое.

Поддержка и помощь

Возникли проблемы? У нас есть поддержка — всегда быстро и оперативно поможем. Нашли баг или ошибку — сообщите нашим спецагентам в лайф-чат или отпишитесь в комментариях.

Не первый день работы 🙂

Закрытое тестирование мы запустили уже давно. Ряд крупных посещаемых сайтов уже пользуются нашими кнопками и отдают нам предпочтение. Вы можете убедиться в этом сами:

Какие планы еще?

uSocial — это отдельный и самостоятельный проект, который можно использовать на любом сайте на любой платформе. Но в наших планах внедрить кнопки в панели управления uCoz и в конструктор бизнес-сайтов uKit.

На данный момент, если вы используете старый соц. бар от uCoz, вы можете просто отключить его и разместить кнопки от uSocial на своем сайте.

А мы продолжим работать над вторым продуктом uSocial — “Likes” — кнопки лайков, которые мы покажем совсем скоро!

137 комментариев1 2 3 »1-20 21-40 41-49 Ваш комментарий

Оцените статью
Рейтинг автора
5
Материал подготовил
Илья Коршунов
Наш эксперт
Написано статей
134
А как считаете Вы?
Напишите в комментариях, что вы думаете – согласны
ли со статьей или есть что добавить?
Добавить комментарий