Программирование на Python и Objective-C в Mac OS

Программирование на Python и Objective-C под Mac OS и для iPhone / iPod Touch

Социальные кнопки от яндекса: Блок «Поделиться» — Технологии Яндекса

Содержание

Как вставить кнопки социальных сетей в материал Joomla

25.05.2019 |

Категория Веб-разработка

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

Конструкторов подобных кнопок великое множество.
И здесь есть один момент! 

Учитывать нажатия на кнопки соц.сетей, Яндекс может только если на сайте установлен их блок «Поделиться».
Ссылка на конструктор блока >>

Это подтверждает наличие в Я.Метрике отчётов по кнопке «Поделиться».

 

 

Если установлены другие соц.кнопки, то Яндекс ничего не может гарантировать. Скорее всего он не зафиксирует переходы, а значит не учтёт поведенческие факторы.

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

Будем ставить этот блок напрямую в шаблон, без использования всяких плагинов и модулей.

 

Шаг 1. Выясняем есть ли в установленном шаблоне переопределение макета для материалов.

Немного поясню: в Joomla существуют макеты для каждого компонента и модуля. Это типа маленьких шаблонов.
И эти макеты можно переопределить и сделать их по своему. Что мы и сделаем)

В установленном шаблоне должна быть папка html — в ней хранятся все переопределения макетов.
Внутри этой папки должна быть папка com_content — здесь хранятся переопределения макетов для материалов. 
Они сгруппированы по принадлежности.

  • article — шаблоны для полного текста материала
  • categories — шаблоны страницы со списокм категорий
  • category — шаблоны страницы категории (в виде списка и в виде блога)
  • featured — шаблоны страницы избранных материалов

Как видно из скриншота шаблонов в папке может быть несколько.
Напрмиер в папке article (шаблоны для полного текста статьи), есть 2 шаблона:

  • default.php — основной шаблон
  • default_links.php — шаблон для отображения дополнительных ссылок статьи.

нам нужен файл default.php

Полный путь до него:

ваш_сайт/templates/ваш_шаблон/html/com_content/article/default.php

 

Если папки html/com_content нет в вашем шаблоне.

Такое может быть. 
Значит идём в адимнку Joomla -> Менеджер шаблонов.

Вы увидите список шаблонов, кликаем по вашему шаблону (в 2-ой колонке — шаблоны), который стоит по умолчанию.

Далее идём на вкладку «Создать переопределение».

В колонке «Компоненты», находим com_content, разворачиваем и кликаем по article

 

 

 

И видим что создалось переопределение.

Теперь можно открыть файл default.php, который лежит в папке /html/com_content/article

Открыть его можно через FTP или через панель хостинга, где вам удобнее.

 

Шаг 2. Вставляем код, полученный из конструктора кнопок.

Теперь нужно скопировать предложенный код для блока поделиться — https://tech.yandex.ru/share/ 

Скопировали? Ок.

Как вы могли заметить в файле default.php содержится html код вперемешку с php. 
Если вы читаете эту статью, то наверное, разбираетесь в html.
Если нет, то вот бесплатный курс >>

Примерно на 111 строке видим блок div с itemprop = articleBody
В этом блоке, через $this->item->text, выводится текст статьи.

Код кнопок можно вставить перед этим блоком или после него.
Смотря где вы хотите выводить социальные кнопки.

Я создал ещё один блок div с классом my_share_buttons и поместил в него код из конструктора.
Дополнительный блок я создал чтобы им можно было управлять через CSS стили.

Получилось так:

 

А в статье выглядит так:

Дополнительно для блока .my_share_buttons можно добавить отступы, фон и другие стили.

 

Шаг 3. Проверяем работу сайта и кнопок.

Не забываем проверить работу сайта и самих кнопок.
Попробуйте поделиться статьёй в своей соц.сети.

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

 

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

Также посмотрите как вставить социальные кнопки в карточку товара JoomShopping.

 

Полезный модуль кнопок соцсетей.

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

 

Спасибо за внимание.

Социальные кнопки Яндекса — Разные заметки

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

Предыстория

До этого на своём блоге Я использовал социальные кнопки  Pluso,  которые показались мне не очень удобными из-за “красного плюсика”.

А именно – при его прокрутке появляется реклама, которая побуждает устанавливать расширение “Pluso Music” или “Pluso”.

 

Поэтому Я решил подыскать альтернативу.

Почему именно Яндекс кнопки?
  • Проблемы с доступом в Яндекс, считаю вряд ли возникнут.

Так как Яндекс – это крупнейший поисковик и при этом хорошо зарабатывающая коммерческая организация,  которая трепетно относится к своему бренду.

  • В случае, если у Вас на сайте установлен счётчик “Яндекс Метрика” (а его легко установить) вы сможете отслеживать статистику кнопки “Поделиться”.
  • Учитываются все посты, а не только те, которые были сделаны с помощью этих кнопок.
    К примеру, до этого у Вас стоял блок  “Поделиться в twitter”.  При замене этой кнопки, количество фолловингов  успешно перенесётся.
  • Новые социальные кнопки, на мой взгляд, получились очень удачными (в конце статьи вы можете потыкать увидеть эти кнопки в действии)

В общем, Яндекс кнопки – это быстро и удобно.

10 секундная установка Яндекс кнопок

Переходим по ссылке http://api.yandex.ru/share/.

Открывается конструктор, в котором вы выбираете социальные сети для отображения.

После чего – получаете код и вставляете его в нужное место на сайте.

Всё, кнопки готовы!

А можно  немного поковыряться в  API Яндекса

Инструкция по API кнопок поделиться находится по адресу:  http://api.yandex.ru/share/doc/dg/concepts/share-button-ov.xml

Зачем это нужно? А затем, что страница на которой Вы создаёте блок “Поделиться” имеет очень бедный функционал, который пригоден для большинства пользователей.

Например, в том списке нету  blogger, delicious, diary, digg, evernote, juick, liveinternet, linkedin, myspace и с десяток других ненужных сервисов, а их можно добавить.

Повышаем скорость загрузки

Во избежание не существенных тормозов — первую часть кода

отвечающую за путь скрипта, который будет загружаться с сервера Яндекса — добавить между тегами <head> или же перед закрывающим </body>:

А вторую

 

разместить в том месте, где будут отображаться социальные кнопки.

SEO Вашего сайта | Кнопки "Поделиться"

Кнопки «Поделиться» используются для передачи информации о странице в ленту соответствующей социальной сети. Следует понимать, что Ваш пост в ленте увидят не все друзья. Все социальные сети по своим алгоритмам принимают решение, что именно показывать в ленте. В среднем порядка 10-15% друзей увидят Вам пост.

Алгоритмы везде разные, а логика одинаковая — показывать только интересные (данному пользователю) посты:

— если Вы увлекаетесь котиками и Ваши друзья увлекаются котиками — то Ваш пост о котиках увидят под 90% друзей

 +  = 90%

— если Ваш пост о собачках, а Ваши друзья увлекаются котиками — то Ваш пост о собачках увидят 5% друзей

 +  = 5%

Котики, они лучше 🙂

Кроме комментария пользователя типа «Хорошо-то как» в социальную сеть передается:  название страницы,  url страницы, описание страницы, картинка

Для того, что бы передать пост с сайта в социальные сети, нам нужны две вещи:

а) скрипт, который будет показывать кнопки и передавать информацию

б) настройки, откуда брать данные для передачи информации (ранее было через параметры скрипта, теперь все основные социальные сети используют метатэги формата Open Graph).

Наиболее популярные сервисы, которые предоставляют скритпы кнопок «Поделиться»

Яндекс, смотреть здесь https://tech.yandex.ru/share/
Плюсо, смотреть здесь Pluso.ru
Сервис http://share42.com/ru

Сервис share42 наиболее удобен:
— сервис отдает Вам исходники своих скриптов для размещения на хостинге, т.е. скрипт стартует с Вашего сайта
— вариант «вертикальный плавающий столбец» работает сразу
— для Joomla удобно выбрать позицию debug — кнопки разместятся за пределами шаблона сайта

В документации можно посмотреть настройки для работы кнопок.

Поддерживаемые атрибуты
АтрибутОписаниеВозможные значения
data-bareПризнак того, что загрузка стилей отключена. Если добавить атрибут, соцсети будут отображаться в виде текстового вертикального списка.Наличие или отсутствие атрибута.
data-counterПризнак того, что на кнопке соцсети отображается счетчик публикаций.

Внимание! На кнопке Твиттера счетчик публикаций отображаться не будет — Твиттер больше не поддерживает API с количеством публикаций.

Наличие или отсутствие атрибута.
data-copyПозиция кнопки Скопировать ссылку. Кнопка Скопировать ссылку может отображаться, если используется атрибутdata-limit.
  • first — кнопка внизу списка;
  • last — кнопка вверху списка;
  • hidden — кнопка не отображается.

Значение по умолчанию: last.

data-descriptionТекст, которым нужно поделиться.Строка.Некоторые соцсети (например Твиттер) могут обрабатывать большие строки некорректно, поэтому длина строки будет зависеть от соцсети.
data-imageИзображение, которым нужно поделиться.URL изображения.
data-langЯзык блока. Локализуются подписи кнопок соцсетей и кнопка Скопировать ссылку.
  • az — азербайджанский;
  • be — белорусский;
  • en — английский;
  • hy — армянский;
  • ka — грузинский;
  • kk — казахский;
  • ro — румынский;
  • ru — русский;
  • tr — турецкий;
  • tt — татарский;
  • uk — украинский.

Значение по умолчанию: ru.

data-limitКоличество соцсетей, отображаемых в виде кнопок. Используется если нужно встроить в блок много соцсетей, а также чтобы блок занимал мало места на странице. Не вошедшие в лимит соцсети будут доступны по нажатию кнопки .Натуральное число или отсутствие атрибута.
data-servicesСписок идентификаторов социальных сетей, отображаемых в блоке.См. список идентификаторов поддерживаемых соцсетей. Несколько идентификаторов соцсетей указываются через запятую, без пробела.Значение по умолчанию:vkontakte,facebook,twitter
data-sizeРазмер кнопок соцсетей.
  • m — большой ;
  • s — маленький .

Значение по умолчанию: m.

data-titleЗаголовок, которым нужно поделиться.Строка (длина зависит от сервиса).По умолчанию указывается заголовок страницы, на которой размещен блок.
data-urlСсылка, которой нужно поделиться.Любой URL.По умолчанию указывается URL страницы, на которой размещен блок.

 

Следует обратить внимание, что в настоящее время социальные сети берут настройки не из атрибутов, а из мета тэгов стандарта OpenGraph — это стандарт микроразметки на сайте, почитать можно здесь

Для наших целей (корректно передать информацию в социальные сети и отобразить ее в ленте/хронике) нужно четыре основных тэга:

— название url

— название заметки/поста

— описание поста

— картинка

Без заполненных метатэгов стандарта Open Graph каждая социальная сеть формирует эти данные по разному (по своему внутреннему алгоритму).

<meta property=»og:url» content=»Адрес сайта»/>Показ в посте адреса сайта
<meta property=»og:title» content=»Наименование»/>Показ в посте наименования заметки (при отсутствии тэга иногда берется из Title)
<meta property=»og:description» content=»Описание»/>Описание заметки (при отсутствии тэга иногда берется из Description)
<meta property=»og:image» content=»Расположение картинки»> — обязательно с полным путем с httpАдрес, где находится картинка (при отсутствии тэга каждая социальная сеть выбирает картинку для показа по разному, иногда первая по списку картинка в коде страницы)

Для facebook есть специальный раздел, где можно проверить, как это все работает на странице — https://developers.facebook.com/tools/debug/, вводите адрес страницы своего сайта и смотрите, как эту страницу видит социальная сеть.

 

Заполняем все 4 метатэга в разделе head, смотрим на результат

FACEBOOK

VKONTAKTE

 МОЙ МИР

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

Конечно, мы не будем все это делать вручную, для своей CMS ищем плагин, который сделает большую часть работы (перепишет title / description в новые метатэги и т.д.)

И обязательно проверяйте (посмотреть итоговый код страницы) качество работы плагина, который Вы установили для Open Graph. Метатэги правильно называются <meta property=»og:url» content=»Адрес сайта»/>

некоторые плагины неправильно генерируют метатэги и делают их вида <meta name=»og:url» content=»Адрес сайта»/>

Часть соцсетей и так будет работать на этих кривых метатэгах, но FACEBOOK не будет их учитывать.

Примечание: в Одноклассниках можно в своей ленте поделиться одной и той же страницей ТОЛЬКО 1 раз. Вот такое ограничение. непонятно зачем. Т.е. понятно — что бы рекламой не забивали ленту, но можно было сделать 1 раз в неделю, например.

При повторной попытке Вы увидите:

И да, у Google+ Twitter свои метатэги (добавляем к CMS другие плагины). Стандартные метатэги OpenGraph учитываться не будут.

Google+

1<meta itemprop="name" content="Название сайта"/>
2<meta itemprop="description" content="Описание сайта"/>
3<meta itemprop="image" content="https://website.com/image.jpg"/>

Twitter

1<meta name="twitter:card" content="summary"/> 
2<meta name="twitter:site" content="Название сайта"/>
3<meta name="twitter:title" content="Название страницы">
4<meta name="twitter:description" content="Описание"/>
5<meta name="twitter:creator" content="автор"/>
6<meta name="twitter:image:src" content="https://website.com/image.jpg"/>
7<meta name="twitter:domain" content="website.com"/>

Для Instagram не существует возможности «поделиться» с сайта. В Instagram загружаются фото, сделанные сам пользователем. Но можно установить у себя на сайте виджет вида «Мы в Инстаграм», что посетители сайта могли сразу видеть Вашу представленность в данной социальной сети.

Вот здесь можно прочитать подробнее и как реализовать для ленивых 🙂
http://habrahabr.ru/post/223739/ Пишем Instagram виджет для сайта.
http://inwidget.ru/ Instagram виджет для сайта бесплатно. Inwidget.

Как добавить meta property на свой сайт?

Для сайта на HTML — вручную. Для сайтов с использованием CMS — через плагины.

Что должен «уметь» хороший и правильный плагин?

— поддерживать добавление метатэгов для всех типов социальных сетей (не только OPEN GRAPH)
— небольшой плюс к SEO — при наличии метатэгов для Google+, сайт будет НЕМНОГО лучше показываться в выдаче Google
— иметь основные настройки для всего плагина (точнее для всего сайта)
— по умолчанию брать заголовок их title
— по умолчанию брать описание из description
— по умолчанию использовать указанную картинку для всех страниц сайта
— по умолчанию остальные тэги
— иметь возможность все вышеперечисленное редактировать у каждой страницы

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

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

 

Вы можете сохранить ссылку на эту страницу себе на компьютер в виде htm файла

Скачать htm файл

Вы будете видеть наш сайт у себя в ленте

Нажмите "Подписаться"

Нажмите "Нравится" или напишите сообщение

Почитать в разделе: SEO — ЧТО ЭТО?

  • Всего статей в разделе: 10
  • Показано статей в списке: 9
  • Сортировка: название по алфавиту
«Черное» SEO

Черное SEO - продвижение сайта за счет обмана поисковых систем.
Поисковые системы обижаются и выбрасывают сайт из поиска. 1. Накрутка поведенческого фактора - бан 6 месяцв - Userator, Movebo, WebEffector, SerpClick, Seopult 2. Накрутка подсказок в поисковой...
(Читать полностью...)

Биржи ссылок

Поисковые роботы оценивают Ваш сайт. в том числе, насколько он интересен другим сайтам. Т.е. по объему ссылочной базы. Если никто не ссылается на Ваш сайт - значит там нет ничего интересного. Как пример - сайт www.adme.ru - порядка 1 млн. визитов в месяц при 300 000 страниц и 300 000 ссылок. Кстати, простая грубая оценочная модель:
- страниц и ссылок должно быть примерно поровну
- кол-во визитов на сайт в месяц = число ссылок *3 Поэтому стали появляться биржи...
(Читать полностью...)

Нужен ли www в начале адреса сайта

Почему существуют сайты в двух вариантах http://site.ru и http://www.site.ru
Откуда это появилось? Когда Интернет был маленьким, а сервера слабые, то на на разных серверах стояло разное программное обеспечение для разных целей: www.site.ru - сам сайт mail.site.ru - почтовый сервер Потом Интернет вырос и указание www перед сайтом стало ненужным. Откуда вообще появляется www перед адресом сайта?
Вы обращали внимание, что после запуска сайта он доступен в двух вариантах - как с www, так и без www. Причем это не зависит от применяемой CMS, даже для сайта на простом html префикс www все равно будет существовать. Это собственно идет от сервера хостинга. Если внимательно...
(Читать полностью...)

Нужен ли слеш в URL?

Периодически на просторах интернета всплывает вопрос: "Нужен ли слеш (косая черта /) на конце адреса сайта?
Как правильно:
- так http://comphome.ru/2018/09/25/vybiraem-messendzher-na-zamenu-skype/
- или так http://comphome.ru/2018/09/25/vybiraem-messendzher-na-zamenu-skype  Давайте по порядку. 1. Для всех страниц (за исключением Главной) наличие / отсутствие слеша означает для поисковых машин 2 разных адреса. Следует понимать, что никакого отношения к реальным папкам на сервере это не относится. Просто сервер по данному адресу (который URL) отдает html страницу. Да, на заре интернета, когда сайты делались руками - URL совпадал с реальными папками и файлами на...
(Читать полностью...)

Семантическое ядро

Семантическое ядро сайта - вот оно 🙂 Или все-таки не оно?
На Ваш сайт посетители переходят на конкретные страницы, а не в целом на сайт. Соответственно можно и нужно говорить о семантическом ядре каждой страницы. Зачем это нужно?
К сожалению, роботы пока не такие умные, как хотелось бы.
Например, Вы написали статью про процессоры на socket 775 или LGA 775. А что ищут люди? Смотрим статистику Яндекса по словам https://wordstat.yandex.ru/    Ищут
 Запросов в месяц  775 сокет
 23685  socket 775
 12398  lga 557
  5313 Поиск в бытовом написании "775 сокет" самый популярный, в отличии от правильного написания. В результате, Вашу...
(Читать полностью...)

Снипет

Снипет - это то краткое описание сайта, которое показывается в выводе поисковых систем. Название спипета - этот title Вашей страницы Описание сайта для Яндекса: - длина текста в спипете 240 символов (с пробелами) - по умолчанию робот сам составляет описание из текста страницы (иногда используя тэг Description) Описание сайта для Google: - длина текста в снипете 160 символов (с пробелами) - робот берет или из Description (длина до 160 символов) или сам составляет описание из текста страницы ВАЖНО: снипет не является неотемлимой частью страницы. Заголовок снипета не меняется, а вот текст зависит от запроса, по которому была показана страница. Т.е. при показе...
(Читать полностью...)

Социальные сети и SEO

Как социальные сети помогают продвинуть сайт? Посмотрите на свой трафик в метрике.
Что обычно видим: прямые заходы
переходы с поиска
переходы с рекламы
переходы с социальных сетей Ну и что?
Понятно, что если будут переходы с социальных сетей - это хорошо. Но как это повлияет на продвижение сайта?
Есть такой параметр - новые посетители. Их обычно под 90%. И они всё обычно одноразовые. Нашел через поиск, зашел на сайт, посмотрел, ушел.
Как их сделать многоразовыми посетителями? Что бы они при появлении новых статей/страниц заходили на сайт?
Есть разные варианты: сделать подписку на сайте (т.е. пользователь регистрируется на сайте)
пользователь оставляет свой email и...
(Читать полностью...)

Счетчики и их основные параметры

Счетчики, установленные на сайт, позволяют анализировать много параметров Вашего сайта. Как правило, используются два основных счетчика - от Яндекс и от Гугль. Счетчик от Яндекса называется Метрика и находится здесь https://metrika.yandex.ru В рамках одного аккаунта можно заводить несколько счетчиков на разные сайты. В Яндексе поддерживается возможность переноса счетчика из одного аккаунта в другой: - письмо в саппорт - подтверждение прав на сайт (разные варианты, самый простой - определенный файл в корень сайта) - техподдержка переносит счетчик 🙂 Счетчик от Гугль называется Аналитикс и находится здесь https://www.google.ru/analytics. Аналогично, в рамках одного аккаунта...
(Читать полностью...)

Что хотят роботы поисковых систем

Как говорят математики - "существует необходимое, но недостаточное условие". Что это для SEO? Что бы поисковый робот не ругался 🙂 Если роботу изначально "не нравится" Ваш сайт - то дальнейшие усилия по продвижению не имеют смысла. Подробнее про хотелки роботов можно прочитать в Вебмастере. Яндекс.Вебмастер любезно предоставляет список (скан первой части), что именно проверяет робот (конечно, список не полные и время от времени он меняется). Далее попробуем оценить со стороны этого здравого смысла, ЧТО НАДО и ЧТО НЕ НАДО делать, что бы поисковые машины хорошо относились к сайту. В целом любая поисковая машина/робот пытаются оценить два основных параметра...
(Читать полностью...)

Конструктор блока «Поделиться» (Блок социальных кнопок Яндекса)

В предыдущей статье было показано, как найти Блок социальных кнопок Яндекса «Поделиться». В этой статье рассмотрим то, как с ним работать. Для этого программисты и дизайнера Яндекса предлагают использовать Конструктор блока «Поделиться», который прост в использовании и интуитивно понятен. Однако, для того, чтобы снять все вопросы и убрать сомнения, разберём его на составные части и посмотрим, как они работают и на что влияют.

Внешний вид Конструктора блока «Поделиться» Яндекса

Сперва как обычно картинка с тем, с чем предстоит разбираться, а ниже даны подробные пояснения, что есть что ; )

Набор сервисов Конструктора блока «Поделиться» Яндекса

Набор сервисов представляет собой столбец с чек-боксами, с помощью которых можно набрать те сервисы, которые будут включены в блок с иконками «Поделиться» и, в конечном счёте попадут к вам на сайт.

Рядом с чек-боксом расположена иконка и название сервиса так, что ошибиться невозможно. Всё, что выделено галочкой в чек-боксе попадёт в Код для вставки на сайт (о котором будет рассказано ниже).

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

Внешний вид блока в Конструкторе блока «Поделиться» Яндекса

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

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

Код для вставки на сайт в Конструкторе блока «Поделиться» Яндекса

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

Итог

В принципе всё просто и начинает работать сразу после размещения на сайте. К тому же не требует регистрации ни на Яндексе, ни в одной из социальных сетей! =D

Заберите ссылку на статью к себе, чтобы потом легко её найти 😉

Выберите, то, чем пользуетесь чаще всего:

Спасибо за внимание, оставайтесь на связи! Ниже ссылка на форум и обсуждение ; )

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

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

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

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

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

Что в итоге вы получаете:

1) Увеличивается ссылочная масса сайта, что положительно скажется на ранжировании страниц площадки в выдаче ПС.

2) Вы получаете бесплатный трафик на сайт.

3) Рост показателей ТИЦ — тематический индекс цитирования и PR — page rank.

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

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

Share42.com

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

Первое. Переходим на сайт Share42.com. Далее выбираем какого размера будут значки кнопок 32×32, 24×24 или 16×16.

Теперь кликаем по тем кнопкам, которые будут добавлены к вам на сайт. Можете накликать хоть штук 20. Я выбрал самые основные одноклассники, в контакте, твиттер, фейсбук.

Не забывайте и про кнопки из вкладки «Прочие». Они помогут оформить RSS  подписку или сделать закладку страницы.

Второе. Теперь настраиваете необходимые под себя опции и выбираете горизонтальное или вертикальное размещение кнопок.

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

Ставим кодировку сайта UTF-8. Выбираем язык подсказки иконок «Русский». Если есть желание добавить иконку сайта Share42.com, тогда ставим напротив галочку.

Прописываем ссылку на RSS вашего фида (Например, у моего блога фид feeds.feedburner.com/seoslim).

Третье. Сейчас можете просмотреть тестовый результат отображения кнопок социальных сетей, а далее скачиваете архив со скриптом.

Четвертое. Самая сложная часть установить работу скрипта на блоге. Распаковываем скаченный ранее скрипт на компьютере. С помощью FTP — менеджера закачиваем папку share42 к себе на хостинг.

Я для своего удобства в корне файлов блога создал отдельную папку file и залил папку share42 именно туда.

Вот такой получился адрес к папке:

http://seoslim.ru/file/share42

http://seoslim.ru/file/share42

Так как я делаю социальные кнопки для wordpress, поэтому выбирал из списка тип сайта: wordpress.

Генератор тем временем сформировал скрипт, который необходимо вставить в то место, где будут выводиться иконки голосования.

Я использую вертикальные кнопки, поэтому полученный код вставляю в файл footer.php перед закрывающим тегом </body>.

Те, кто будет делать горизонтальный блок кнопок рекомендую вставить полученный скрипт в файл single.php в любое место, где хотите их увидеть.

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

#share42 {
left: 0px;
margin-top: -180px;
opacity: 1;
padding: 6px 6px 0px;
position: fixed;
top: 50% !important;
}
 
#share42:hover {
opacity: 0.85;
}

#share42 {
left: 0px;
margin-top: -180px;
opacity: 1;
padding: 6px 6px 0px;
position: fixed;
top: 50% !important;
}

#share42:hover {
opacity: 0.85;
}

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

Социальные кнопки от Яндекс

Сервис Яндекс предлагает установить кнопку «Поделиться» с выпадающим списком кнопок социальных сетей. Посетители аналогично, как и в Share42.com будут оставлять ссылки в своих аккаунтах на ваш сайт.

Переходим на страницу Яндекс API  и выбираем в левой панели те кнопки, которые вы хотите к себе добавить.

Выбираем внешний вид блока и копируем код в файл single.php в то место, где хотите осуществить их показ на сайте.

Перезагружаем страницу и радуемся полученному результату.

Подробно про установку блока «Поделиться» рассказано в видео ниже:

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

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

Ставим социальные кнопки яндекса

Здравствуйте, уважаемые читатели!

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

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

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

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

На новой странице спускаемся снова вниз. Справа находим раздел «Доступ к Яндексу», в нем кликаем на кнопку «Блок поделиться». 

Попадаем вот сюда. Слева видим большой столбец с иконками различных соцсетей.

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

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

У себя в админке заходим в раздел «Записи» — «Добавить новую». Либо сразу пишем статью здесь, либо переносим ее сюда, если писали в ворде. В самом конце статьи надо сделать запись «Поделитесь статьей в соцсетях». У меня такая фраза, у Вас может быть другая на Ваше усмотрение. Эту фразу желательно выровнять по центру и сделать чуть увеличенным шрифтом. Можно поменять цвет шрифта. Поэкспериментируйте, чтобы красиво смотрелось. Во вкладке «Визуально» будет выглядеть так. 

Потом из вкладки «Визуально» переходим во вкладку «Текст» (переключение справа вверху). Открывается та же статья, только с кодом. И будет выглядеть так. 

Обведенный участок кода отвечает за запись «Поделитесь статьей в соцсетях». В конце кода ставим курсор, жмем Enter, после чего вставляем скопированный код яндекс кнопок социальных сетей. Получается вот так. 

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

Теперь надо вернуться к предыдущему скриншоту. На нем красным цветом обведена область кода, ответственная за запись «Поделитесь в соцсетях» и за сам блок социальных кнопок. Этот код надо скопировать и сохранить у себя на компе.

Теперь после написания статьи надо всего лишь переходить в режим «Текст» и вставлять в самом конце этот код, после чего нажать «Сохранить». После публикации кнопки будут отображаться в Вашей статье.

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

На этом заканчиваю. Желаю всем всего самого наилучшего.

С уважением, Владислав Заболотный.

 

 

Поделитесь статьей в соцсетях.

Красивые кнопки социальных сетей. Блок «Поделиться» от Яндекса v.2

Приветствую! Вот я иногда задумываюсь, зачем в конце каждого поста размещать кнопки социальных сетей? Какой в них смысл? Может на самом деле в них и нет никакой пользы, а их значение преувеличено?

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

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

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

Зачем нужны кнопки

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

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

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

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

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

    Другое дело, что не все ссылки с таких сайтов индексируются. У Яндекса, например, если вернуться к социальным закладкам, стоят фильтры на из некоторых сервисов. Однако, совсем недавно он стал индексировать крупнейшую социальную сеть рунета «ВКонтакте» — кто знает, возможно в будущем…

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

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

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

Вот список сервисов, которые предлагается выбрать на свое усмотрение, отметив галочкой:

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

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

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

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

Подробно описан этот упрощенный аналог Фотошопа).

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

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

Конструктор Pluso

Пожалуй, одним из самых популярных подобных сайтов на данный момент является Pluso, который быстро развивается и уже предлагает довольно широкий выбор. Для получения блока кнопочек (buttons) надо проследовать на страницу конструктора
(pluso.ru), где можно выбрать внешний вид иконок и социальные сети, которые будут представлены в вашей подборке:

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

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

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

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

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

Справа в конструкторе Pluso есть возможность изменять величину buttons, их форму, расположение (в одну, в две строки; горизонтальная, вертикальная панель), а также оформление (с фоном, без фона) и функционал (со счетчиком и без). Кстати, счетчик будет показывать общее количество расшариваний во всех социалках.

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

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

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

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

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

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

Вы все знали их? Говорить, что для создания аудитории вокруг вашего бренда вам нужно «обмениваться контентом для социальных сетей», легко, но делать это не так просто. По сути, дело не только в том, где вы можете получить его или как его создать. Чтобы быть превосходным, необходимо учитывать цели, которые должны быть выполнены.

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

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

Дополню это скриншотом, чтобы стало понятнее:

С помощью редактора (лучше использовать для этой цели Notepad++) открываем файл FOOTER.PHP и помещаем туда скрипт:

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

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

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

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

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

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

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

  • Видеоуроки - это очень хороший способ устранить эти сомнения.
  • Проводите интервью с экспертами и влияйте на свой нишевый рынок.

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

UpToLike - конструктор с широчайшим функционалом

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

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

Здесь я позволю себе дать некоторые пояснения:

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

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

4.2 Following
- для применения данной опции откроется меню «Настройки Follow», где надо указать адреса ваших аккаунтов в выбранных соцсетях:

В результате читатель, поделившийся с друзьями понравившимся материалом, получит вдобавок приглашение стать вашим фолловером. Так сказать, возможности в одном флаконе:

4.3 Кнопка наверх
- еще одна полезная фишка в функционале UpToLike. Я писал как-то подробно о создании такой составляющей дизайна как , которая дает возможность улучшить проекта. Здесь вы ее получаете, так сказать, ни за грош.

Раздел «Выбор социальных сетей»
предоставляет возможность дополнить вашу панельку недостающими сетями. А вот вкладка «Настройки стилей»
гораздо интереснее. Тут вы еще раз можете убедиться в высоком уровне функциональности UpToLike. Судите сами:

Можно выбрать размеры кнопочек (маленький, средний, большой) и их форму (круглые, квадратные, с закруглением углов). Можно установить разные эффекты (при подведении курсора иконка делает вращение либо увеличивается в размерах). Безусловно, это тоже каким-то способом вдохновляет посетителя сделать дальнейший шаг, а именно, нажать на нее.

Кроме этого, существует возможность определить не только фон кнопочки UpToLike, но и фон счетчика, цвет текста на нем, а также с помощью ползунка добиться нужного размера текста на счетчике. В окне предпросмотра наблюдаете за всеми изменениями:

Вдобавок по умолчанию будет добавлена иконка, щелкнув по которой пользователь получает доступ ко всем доступным сетям, а не только к тем, которые входят в панельку:

После того, как вы добьетесь необходимого результата, нажимаете «Получить код» от UpToLike, вот тут таки придется зарегистрироваться:

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

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

В результате социальные кнопки будут на сайте располагаться примерно так (пример для случая, когда в настройках расположения вы выберете «слева»):

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

Тогда скриптовый фрагмент вы размещаете опять же по накатанной схеме в футер, а вторую часть в тот шаблон, который отвечает за отображение нужной вэбстраницы (это может быть INDEX, ARCHIVE, SINGLE, Category). Причем, его можно воткнуть в принципе в любое место (чтобы не путаться, ту часть, которая не является скриптом, опять же можно поместить сразу после функции вывода статьи php the_content
). Подозреваю, для некоторых это может оказаться темным лесом, поэтому почитайте и прояснится многое.

Ну и напоследок помучаем конструктор социальных кнопок, который предлагается Яндексом. Честно говоря, пока я остановился именно на нем, хотя здесь функционал весьма жиденький и не идет ни в какое сравнение с выше описанными конкурентами. Почему я так решил? Ответ до банальности прост: это Яндекс.

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

Итак, конструктор соцкнопочек находится на этой странице . Переходим и производим настройки:

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

Думаю, здесь дополнительные пояснения не нужны, нюансы настроек обозначены на скриншоте выше. Просто копируете из окошка код, который по традиции состоит из двух частей, и вставляете по правилам, уже описанным подробно мною в этой статье выше (все происходит точно также, как и при размещении кнопок Pluso и UpToLike). Уж простите, повторяться не буду.

После размещения на сайте панель будет выглядеть примерно так:

Однако, я нашел, что он смотрится как-то неказисто, поэтому решил немного расширить кнопочки и увеличить расстояние между ними. Для этого прописал в файле style.css своей темы два правила стилей:

B-share__handle {margin-left: 15px;}
.b-share-counter {padding: 0 0 0 20px !important;}

В результате изменения интерпретировались таким образом:

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

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


Дизайнер кнопок социальных сетей. Яндекс создал лучшую социальную сеть в России

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


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

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

Мечта каждого владельца сайта, если все его записи будут размещены читателями на своих страницах в одной из социальных сетей. Сейчас больше всего востребованы Вконтакте, Facebook, Twitter и Одноклассники. Я бы добавил LiveJournal, liveinternet и Blogger. Эти кнопки желательно добавить на сайт для полного удобства пользователя.

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

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

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

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

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

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

Что я могу использовать сегодня, чтобы добавить кнопки социальных сетей для сайта:

  1. Сервис uptolike.
  2. Социальные кнопки Яндекс.
  3. Ручное добавление каждой социальной сети отдельно.
  4. Pluso Service.
  5. Использование плагинов для WordPress (для ленивых).

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

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

Upptike

В данный момент я сам пользуюсь данной услугой, мне понравилось. Помимо удобства, сервис uptolike имеет ряд преимуществ по сравнению с другими подобными ему.

  • Широкий выбор кнопок в социальных сетях;
  • Кнопки адаптированы под мобильные устройства;
  • Возможность цитировать в социальной сети любой фрагмент текста;
  • Можно добавить кнопку вверху;
  • Возможность добавить всплывающее окно для подписки в группе ВКонтакте;
  • Выбор размера иконок;
  • Выбор стиля иконок для сайта;
  • Добавить эффект наведения;
  • Изменить фон кнопки, цвет текста, фон счетчика;
  • Увеличить или уменьшить текст на счетчике.

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

Кроме того, что еще может улучшить сервис.

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

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

Если у вас есть сайт WordPress, откройте файл single.php и вставьте готовый код сразу после конца страницы содержимого. Обновляем страницу и смотрим, что произошло. Нет ничего сложного.

Яндекс

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

Метод добавления вручную

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

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

в контакте с

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

Нет ничего сложного, выбираем стиль кнопки (со счетчиком или без), пишем текст на кнопке, вариант логотипа и внизу будет готовый код для вставки.Сам использовал такой ручной метод добавления, но на данный момент пробую посторонний сервис. Давай посмотрим что происходит. Если не устроит, сразу вернусь к ручному способу.

Pluso

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

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

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

WordPress

Если вы ничего не понимаете в этом коде, что вам нужно скопировать и как это все работает, выход есть. Если у вас есть движок WordPress, вы можете установить плагин, с помощью которого у вас будут кнопки для социальных сетей. Сегодня таких плагинов очень много. Заходим в админку - Плагины.Можно сразу написать в поиске плагинов «социальные кнопки», «соцсети» или «ВКонтакте». Я уверен, ты что-нибудь найдешь.

Среди большинства подобных плагинов для WordPress, глядя на рейтинг, большинство ставит именно такие:

  1. Кнопки социальных сетей для WordPress.
  2. Социальные сети
  3. Social Media Feather - легкие кнопки публикации и подписки в социальных сетях.

На самом деле таких плагинов очень много, нужно установить и разобраться, какой вам больше нравится, он работает правильно, что показывает и как его можно настроить под себя.Давайте посмотрим на пример первого такого плагина Social Share Buttons for WordPress.

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

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

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

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

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

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

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

Этот тренд дошел до Яндекс. Уже кто-то, но они точно понимают, в какую сторону двигаться. Поэтому была создана социальная сеть Ya.ru . Хотя некоторое время назад ходили слухи о ее сворачивании. Но пока этого не происходит, поэтому обратим на это внимание.

Понятно, что этой социальной сети очень сложно конкурировать с такими монстрами этой индустрии, как ВКонтакте, Facebook и Одноклассники. Но не забывайте, что она есть в портфолио Яндекс.И это главный игрок на территории русскоязычного Интернета, который очень стремительно развивается.

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

Ладно, воды хватит! Приступим к работе со страницей.

Как создать страницу на Ya.ru и ускорить продвижение с помощью этой социальной сети Яндекса?

Для создания страницы необходим почтовый ящик на Яндексе.Запустите его, затем выберите во вкладке Ya.ru .

Заходим в и нам предлагают создать страничку.

Отлично. Нажимаем Create Page и заходим в соцсеть. Перед нами стартовая страница, приступим к ее заполнению.

Щелкните Моя страница и перейдите к форме, предложенной службой. Можно заполнить анкету, добавить фотографии, пригласить друзей, создать опросы, оставить заметку или мысль, создать приветственное сообщение.

Заполним анкету и другие формы, которые находятся на главной странице. В заполнении нет ничего сложного.

Обратите внимание на форму «Знай и знай». Здесь вам нужно указать, что, по вашему мнению, у вас все хорошо, и чему вы можете научить. Это важный блок, так как эти параметры будут участвовать в вашем профиле, когда вы захотите присоединиться к Моим кругам.

Мои круги - это профессиональные сообщества, которые позволяют мне расширять мои деловые контакты (аналогично Linkedin).Сервис также находится в портфолио Яндекса. Но сейчас не об этом.

Теперь поработаем над внешним видом страницы. Заходим в настройки и переходим в Мои страницы (пункт 1). Посередине показано, как будет выглядеть наша страница с учетом внесенных изменений. Оформляем внешний вид шапки по предложенным вариантам, также можете загрузить свою картинку (пункт 2). Вы можете изменить фон страницы и ее отдельных элементов (пункт 3).

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

Затем, чтобы изменить внешний вид страницы, а точнее то, что на ней (ее элементы), заходим в Настройки (пункт 1) и в настройках редактируем то, что нужно оставить на главной странице Я.ru , а что нужно удалить (п.2).

Галочки в окошках указывают на желаемое. Вот как это выглядит:

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

Делаю следующим образом. После публикации статьи в блоге оставляю в заметках объявление с картинкой и ссылкой на статью.Вы также можете сделать кросс-постинг после публикации, нажав на кнопку. Я.ru в строке кнопок социальных сетей Pluso (в этой я писал о них). Или установив кнопку Я.ру у себя на сайте. Ты можешь это сделать.

В чем можно отметить плюсы размещения социальной кнопки от Ya.ru
:

  1. При нажатии на нее ссылка появляется на странице человека, который ее щелкнул. Вы получаете естественную ссылку.
  2. Автоматически происходит публикация в Яндекс.Закладки, что не может не сказаться на быстрой индексации публикации.

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

Заметки также можно оставить в режиме html, что дает отличные возможности для достойного и привлекательного дизайна заметок.Получилось так:

Перейдем к самому главному, а именно ...

Как привлечь трафик с помощью страницы на Ya.ru?

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

В меню страницы выберите Мои клубы. Вы увидите список популярных клубов. У вас есть возможность присоединиться к ним. Рекомендую вступать в клубы, похожие по тематике на вашу страницу.Выберите тот, который вам нужен, и нажмите Вступить в клуб.

Там вас попросят прокомментировать вашу запись. Щелкните Присоединиться.

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

Вернемся на страницу.

ИН Я.ру Есть система точек Ку - на рисунке, сразу под фотографией (пункт 1).Дело в том, что. Вы публикуете фото и видео на своей странице, вступаете в клубы и занимаетесь ими, публикуете заметки и так далее. И за все это начисляются баллы (точнее их сотые). Весь этот шар называется Ку. Особенность в том, что за один день нельзя получить больше одной Ку.

При достижении целого числа на голове вашего аватара появляется корона. И она исчезает, когда появляется возможность завербовать Ку. И она появляется в полночь (как Золушка, блин). То есть, набирая Ку целиком, вы можете продолжать публиковать заметки, общаться и вводить другую информацию.Но за это вы не получите баллов.

Зачем тебе этот самый Ку.

Это необходимо для развития вашей страницы. Например, когда вы достигнете 12 Ку, вы можете создавать свои собственные клубы и создавать свои собственные темы при разработке страницы, а не использовать предложенные. С каждым набором Ку добавляются несколько интересных опций. Но новый Ку становится все тяжелее и тяжелее, поскольку его сотые доли весят все меньше и меньше.

Но вернемся к странице. Вы видите, что у вас есть название клуба на главной странице (пункт 3).Вы также можете оставить важную информацию, которая всегда будет прикреплена посередине страницы (пункт 2). Что бы это могло быть? Информация о вас, несколько фотографий, информация о том, какие услуги вам предоставляются. Здесь вам нужно указать информацию, характеризующую вашу деятельность. Чтобы человек, зашедший на вашу страницу, сразу понял, откуда он попал (я имею в виду по теме). Понятно, а?

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

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

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

Вот и все. Сегодня мы разобрали , как создать страницу на Ya.ru и привлечь трафик из этой социальной сети Яндекса. Попрощаемся. Не забудьте подписаться на обновления блога. До скорого!

Как создать страницу на Я.ру:

Подробнее в блоге.

Вам нужны здоровые привычки? Конечно. Так растет наша личная эффективность.

Добрый день.

Сегодня мы приступаем к рассмотрению вопросов социализации сайта.

В первый момент мы установим социальные кнопки и для этого воспользуемся сервисом социальных кнопок от Яндекс.


Эти кнопки мне очень понравились по нескольким причинам. Узнаем, что это за причины и как установить кнопки.

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

Почему социальные кнопки

  • Во-первых, социальные кнопки при правильном использовании могут принести хороший дополнительный трафик на сайт;
  • Во-вторых, нажатие на кнопки вашими посетителями - это не просто бесполезные клики или простой переход на сайт.Это также распространение вашего контента, которое будет видно большему количеству людей и принесет вам определенный статус, понимание человека в вашей теме;
  • В-третьих, люди теперь настолько социализированы, что им нравится нажимать кнопки «Мне нравится» и «Мне нравится», и поэтому упускать из виду распространение нашего контента глупо;

Вы когда-нибудь видели сайт, на котором сейчас нет кнопок соцсетей? Делать выводы!

Ну а теперь расскажу, почему я все-таки остановился на кнопках от Яндекс.Ну, по крайней мере, на момент написания этой статьи.

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

Последний фактор, конечно, спорный, но, как известно, любой сервис от Яндекса является шпионским и всегда передает информацию в сами поисковые системы.

На видео ниже есть интересный случай. См. 8:05.

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

По этим причинам я решил разместить их в своем блоге. Они смотрятся очень гармонично.

Теперь я покажу вам, как установить эти кнопки.

Установить на сайт

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

Чтобы выбрать нужные кнопки и скопировать их код, перейдите по этой ссылке.

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

Это мой персональный набор кнопок. Я считаю, что этого более чем достаточно. Вы можете выбрать все кнопки, но эффекта количества больше не будет.

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

После прикрепления необходимых кнопок выбираем их тип. Выбор вида находится справа от списка кнопок.

Больше всего мне понравится вариант кнопок со счетчиками. Здесь, как вам больше нравится.

Копируем код и вставляем в то место, где нужно их отобразить.

Но перед этим я предлагаю немного изменить этот код и добавить его после открывающего тега

Alignment, чтобы кнопки были по центру.

В конечном итоге этот код будет выглядеть так.

данные - yashareTheme = "counter">

Теперь мы можем поместить код в файл шаблона. Поскольку кнопки социальных сетей должны находиться в самом низу наших статей, необходимо вставить их в файл single.php после отображения содержимого записи. Я подробно описал, как определить, где в моем шаблоне вставлен код.

У меня после прошивки получилась следующая ситуация.

. В финальной версии вышло следующее.

Буду признателен, если Вы поможете развитию сайта нажав на кнопки внизу) Спасибо!

Буду признателен, если вы поможете разработать сайт, нажав на кнопки ниже) Спасибо!

данные - yashareQuickServices = "vkontakte, facebook, twitter, odnoklassniki, moimir, gplus" data - yashareTheme = "counter">

Можете спокойно взять мой код и разместить его на своем сайте, но просто замените мой текст своим.Уважать себя.

После этого кнопки должны работать нормально. Но предлагаю сделать последний штрих.

Если заметили, то этот код состоит из 2 частей:

  1. Скрипт, который загружает кнопки с Яндекса;
  2. Код, который отображает их на странице.

Берем скрипт и вставляем в файл footer.php перед закрывающим тегом

У яндекса есть социальная сеть. Яндекс создал лучшую социальную сеть в России

Добрый день.

Сегодня мы приступаем к рассмотрению вопросов социализации сайта.

В первый момент мы установим социальные кнопки и воспользуемся для этого сервисом социальных кнопок от Яндекс.

Эти кнопки мне очень понравились по нескольким причинам. Что это за причины и как установить кнопки, узнайте дальше.

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

Вы когда-нибудь видели сайт, на котором сейчас нет кнопок социальных сетей? Делать выводы!

Ну а теперь расскажу, почему я все-таки остановился на кнопках от Яндекс.Ну, по крайней мере, на момент написания этой статьи.

Последний фактор, конечно, спорный, но, как известно, любой сервис от Яндекса является шпионским и всегда передает информацию в сами поисковые системы.

На видео ниже есть интересный случай. См. 8:05.

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

Именно по этим причинам я решил разместить их в своем блоге.Они смотрятся очень гармонично.

Сейчас я покажу вам, как устанавливать такие кнопки.

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

Чтобы выбрать нужные кнопки и скопировать их код, перейдите по этой ссылке.

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

Это мой персональный набор кнопок.Я считаю, что этого более чем достаточно. Вы можете выбрать все кнопки, но эффекта от числа больше не будет.

Поставив правые кнопки, выбираем их внешний вид. Выбор вида находится справа от списка кнопок.

Мне больше всего нравится вариант кнопок со счетчиками. Здесь, как вам больше нравится.

Скопируйте код и вставьте в то место, где вы хотите их отобразить.

Но перед этим я предлагаю немного изменить этот код и добавить после открывающего тега выравнивание

, чтобы кнопки были по центру.

В итоге этот код будет выглядеть так.

данные - yashareTheme = "counter">

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

После прошивки у меня сложилась следующая ситуация.

. В финальной версии о следующем.

Буду признателен, если Вы поможете развитию сайта нажав на кнопки внизу) Спасибо!

Будем признательны, если вы сможете разработать сайт, нажав на кнопки ниже) Спасибо!

данные - yashareQuickServices = "vkontakte, facebook, twitter, odnoklassniki, moimir, gplus" data - yashareTheme = "counter">

Можете спокойно взять мой код и разместить его на своем сайте, но просто замените мой текст своим.Уважать себя.

После этого кнопки должны работать нормально. Но предлагаю сделать последний штрих.

Если вы обратили внимание, этот код состоит из 2 частей:

  1. Скрипт, который загружает кнопки с Яндекса;
  2. Код, который отображает их на странице.

Возьмите сценарий и вставьте его в файл footer.php перед закрывающим тегом

, удалив его из файла single.php.

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

В заключение приведу видеоурок, который покажет, как все это сделать на двух аккаунтах.

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

Этот вариант тоже имеет право на жизнь, так как привычный дизайн кнопок всегда вызывает большее желание по ним нажимать, что должно давать больший эффект.

Вот и все. Пишите в комментариях свои идеи для будущих материалов. Буду признателен.

До свидания.

П.С. . А какие социальные кнопки вы используете?

С уважением, Константин Хмелев.

»Удалось создать зародыш красивой, современной во всех смыслах этого слова социальной сети. Нет, это не про скорбный проект «Мой круг». Несмотря на старания разработчиков и мощь Яндекса, несмотря на правильные идеи по интеграции с другими социальными сетями, бренд «Мой круг» вызывает только ассоциации с кругами на воде, расходящимися от утонувшего предмета.Может, дело в пресыщенности старых социальных сетей, может, дело в том, что профессиональные сообщества (на которые сделал ставку Яндекс) вообще не развиты ... Но какая разница! Речь идет не об этой преднамеренной попытке «Яндекса» выйти на рынок социальных сетей, а о совершенно ином - непреднамеренном.

Речь идет о Яндекс.Картах. «Что это за социальная сеть?», - скажет любой вменяемый читатель. «Это карты!» И он будет абсолютно прав.Это действительно карты. А также пробки, а также геолокация, а также упор на мобильные устройства, а также возможность обмениваться сообщениями и даже создавать группы. И миллионы пользователей и десятки тысяч компаний. В общем, это зародыш социальной сети - самой современной из тех, что пока созданы в России.

Немного истории. Проект был запущен в 2004 году, в том же году, но чуть позже Яндекс.Карты появились на мобильных телефонах. Потом были различные улучшения, например спутниковая карта.В 2008 году у пользователей была возможность добавлять на карты события - например, аварии или дорожные работы. А вот стоявшие в пробках россияне (в основном москвичи, как самые «пробковые» жители России) пропускали и наносили на карту события не по делу, а только для того, чтобы выплеснуть жизненную энергию, застрявшую в пробке и на дороге. в то же время сказать все, что они думают о московском правительстве и транспортной системе. Для таких в 2010 году введена новая функция - «Говорящие».

Что такое современная социальная сеть? Это то, что объединяет людей по определенной, но достаточно широкой основе (любовь к фотографии, например, дружеские отношения, «линейная жизнь» или географическая близость).Без сомнения, такая сеть полагается на мобильные устройства. Также желательно иметь географическую привязку - возможность находить друзей и места поблизости, сообщать свое местоположение. И, конечно же, большой формат сейчас мертв, действие в социальной сети должно требовать минимум действий от занятого и ленивого человека. 140 символов написать - и многие не заморачиваются, постарайтесь ограничиться только одной фотографией или короткой подписью к ней. Не зря Цукерберг заплатил за это миллиард - мол, он боялся, что в будущем сможет потеснить его сейчас безумно популярным, но слишком громоздким и не слишком дружелюбным к мобильным устройствам.А комментарии к пользовательским записям удачно заменены одной кнопкой-эмоцией (Like), ну или несколькими кнопками эмоций, как в хите текущего сезона - Сети Пути. Интерес множества разных компаний, для которых социальная сеть станет способом продвижения, не будет лишним.

На

Яндекс.Картах есть все ... ну почти все. Проблема в том, что Яндекс, похоже, никогда не смотрел на них как на социальные сети. Он пытался придать службе социальные функции, но это была не стратегическая установка, а лишь рефлекторные действия в ответ на раздражители.Недовольны ли пользователи качеством карт? Давайте дадим им «Карточку народа», пусть рисуют (а потому что люди организуются - они рисуют 450 000 предметов каждый месяц). Пользователи забивают карточки несуществующими событиями, чтобы в подписях размыть какую-то чушь вроде «Ребята, кидайте машины - пойдем пить пиво!» - дадим им «болтунов», чтобы не засорять Яндекс.Карты. И это не чушь. Эти мысли и эмоции и есть то, ради чего люди общаются друг с другом.Их нужно взращивать, развивать цифровую инфраструктуру, чтобы эта спонтанная и горячая жажда общения не только находила выход, но и развивалась, развлекала и соблазняла. Хорошо, что Яндекс не искоренил неожиданно зародившуюся в его картах жизнь. Но он ей не особо помог.

Проблеск, даже озарение, казалось бы, было создание первой социальной группы внутри «Карт». Это группа «Автомонитор», созданная совместно с «Авторадио». Но идея не была реализована до конца и радио помогло больше, чем Яндекс.Единственное, что было сделано, - это показать участников группы на Картах. Возможность связаться с ними была «запланирована», но дальше планов не пошла. В итоге участников группы «несколько тысяч, и эта цифра остается стабильной последние несколько лет», как говорят в Яндексе. А если вы войдете в сообщество, то увидите на карте несколько десятков участников отряда. А все потому, что в этом начинании нет смысла, если реализованы только функции геолокации, а не социальные функции.Да и вообще ... "Авторадио" !? Это не та основа, на которой может развиваться социальная сеть будущего.

И много делать не надо (хотя хорошо будет, конечно, сложно). На картах уже видны места поблизости. Так что пусть будут видны и отзывы о них, и «чекины», и - главное - друзья (да, в «Карточках» просто должны появиться «друзья», а не искусственно созданные группы) - конечно, если они сами готовы сообщить о вашем местонахождении.Необходимо расширить возможности «Болтунов» - чтобы они стали полноценным инструментом для общения с друзьями или с соседями в пробке. Возможно интеграция с другими сетями. Надо ... да для начала и этого достаточно. Остальное подтянем позже - в том числе, надеюсь, наконец, распознавание речи - в частности, чтобы не отвлекаться от дороги даже в пробке. И этих функций уже достаточно, чтобы не просто закричать в пробке «Девочки, давайте знакомиться», а получить ответ блондинки в красной Мазде, поболтать, пока пробка стоит, а когда рассосется, - подари себе друга.А потом встречайте в парке или кафе, где он чаще всего отмечен на Яндекс.Картах.

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

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

Этот тренд дошел до Яндекс. Ох уж кто, и они точно понимают, в каком направлении двигаться. Поэтому была создана социальная сеть Ya.ru . Хотя некоторое время назад ходили слухи о его складывании. Но пока этого не происходит, поэтому обратим на это внимание.

Понятно, что этой социальной сети очень сложно бороться с такими монстрами индустрии, как ВКонтакте, Facebook и Одноклассники. Но не забывайте, что он есть в портфолио Яндекс. И это главный игрок на территории русскоязычного Интернета, который очень стремительно развивается.

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

Ладно, воды хватит! Приступим к созданию страницы.

Как создать страницу на Ya.ru и ускорить продвижение с помощью этой социальной сети Яндекс?

Для создания страницы необходим почтовый ящик Яндекса. Получаем, затем во вкладке выбираем Ya.ru .

Заходим, и предлагаем создать страничку.

Хорошо. Нажимаем Создать страницу и заходим в соцсеть. Перед нами стартовая страница, приступим к ее заполнению.

Щелкните Моя страница и перейдите к форме, предложенной службой.Можно заполнить анкету, добавить фотографии, пригласить друзей, создать опросы, оставить заметку или мысль, создать приветственное сообщение.

Заполним анкету и другие формы, которые находятся на главной странице. В заполнении нет ничего сложного.

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

Мои круги - это сообщества профессионалов, которые позволяют расширять деловые контакты (аналог LinkedIn). Сервис также находится в портфолио Яндекс. Но сейчас не об этом.

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

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

Далее, чтобы изменить внешний вид страницы, а точнее то, что на ней (ее элементы), заходим в Настройки (пункт 1) и в настройках редактируем то, что нужно оставить на главной странице I.ru , а что нужно удалить (пункт 2).

Поставьте галочки напротив нужных.Вот как это выглядит:

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

Делаю следующим образом. После публикации статьи в блоге оставляю в заметках анонс с картинкой и ссылкой на статью. После публикации вы также можете сделать кросс-постинг, нажав на кнопку. И.ru в линейке кнопок социальных сетей Pluso (о них я писал в этой статье). Или установив кнопку I.ru у себя на сайте. Ты можешь это сделать.

Что можно отметить плюсы размещения социальной кнопки от Я.ру
:

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

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

Заметки можно оставлять в html-режиме, что дает отличные возможности для достойного и привлекательного оформления заметок. Получилось так:

А теперь перейдем к самому главному, а именно...

Как привлечь трафик с помощью страницы на Ya.ru?

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

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

Вам будет предложено как-то прокомментировать вашу запись.Щелкните Присоединиться.

Отлично. Вы попали в клуб. Теперь приступим к общению. Вы можете размещать анонсы своих статей или просто делиться полезной информацией.

Вернемся на страницу.

АТ Я.ру имеется шаровая система, названная Ку - на рисунке сразу под фотографией (точка 1). Смысл чего. Вы размещаете фото и видео на своей странице, вступаете в клубы и занимаетесь ими, публикуете заметки и так далее. И за все это награждаются мячами (точнее их сотыми).Вот целый шар под названием Ку. Особенность в том, что за день получить больше одной ку невозможно.

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

Зачем тебе этот самый Ку.

Это необходимо для развития вашей страницы. Например, когда вы достигнете 12 Ку, вы можете создавать свои собственные клубы и создавать свои собственные темы при разработке страницы, а не использовать предложенные. С каждым набором Ку добавляется несколько интересных опций. Но новый Qu становится все тяжелее и тяжелее, поскольку его сотые доли весят все меньше и меньше.

Но вернемся к странице. Вы видите, что у вас есть название клуба на главной странице (пункт 3). Вы также можете оставить важную информацию, которая всегда будет прикреплена посередине страницы (пункт 2).Что бы это могло быть? Информация о вас, несколько фотографий, информация о том, какие услуги вы предоставляете. Здесь вам нужно указать несколько данных, описывающих вашу деятельность. Чтобы человек, который зашел на вашу страницу, сразу понял, куда он пошел (я имею в виду по теме). Понятно, да?

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

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

Думаю, вы понимаете важность нахождения в I.ru . Поэтому настоятельно советую, у кого еще нет странички, тогда надо быстрее запускать.

Вот и все. Сегодня мы разобрали , как создать страницу на Ya.ru и привлечь трафик из этой социальной сети Яндекс. Попрощаемся. Не забывайте подписываться на обновления блога. До скорого!

Как создать страницу на Я.ру:

Читайте дальше интересного в блоге

Нужны хорошие привычки? Конечно. Так растет наша личная эффективность.

⚙ Заголовки и правила Content Security Policy для Yandex Share NoSNIFF

Социальные сети: CSP HTTP-заголовки для Яндекса Поделиться NoSNIFF

Фильтр: ХРегион: Международный RU UA

9039 4

Яндекс Метрика

Счетчики
Acint.net counter by Sape.ru

Google Analytics

счетчик Hit.ua

счетчик Hotlog NoSNIFF

I.UA39 Live counter Счетчик .ru

Счетчик Mail.ru

Microsoft Clarity

Рамблер Топ-100 ASYNC

Рамблер Топ-100 Рамблер Топ-100 SYNC

Smartlook

Яндекс Метрика, альтернативный CDN

Яндекс Метрика, старый ASYNC

Яндекс Метрика

Социальные сети
Кнопки Addthis NoSNIFF

Виджеты Facebook

Wonder от Yandex Labs от Максима Гринева на Vimeo.

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

=== Виджет социальных иконок и блокировка от WPZOOM ===
Авторы: WPZOOM, nvartolomei, ciorici, llemurya
Ссылка для пожертвования: https://www.wpzoom.com/
Теги: значки социальных сетей, социальные сети, социальные сети, значки социальных сетей, значки, социальные профили, социальный виджет, виджет, блок, социальный блок, значки блоков, академоны, elementor, социальные сети, совместное использование, кнопки общего доступа, fontawesome
Требуется минимум: 5.0
Проверено до: 5.7
Стабильный тег: багажник
Лицензия: GPLv2 или новее
URI лицензии: http://www.gnu.org/licenses/gpl-2.0.html

Social Icons Widget & Block помогает добавлять значки со ссылками на профили социальных сетей на вашем веб-сайте. Поддерживает более 100 веб-сайтов и включает 400 иконок.

== Описание ==

> Вы нашли этот плагин полезным? Пожалуйста, рассмотрите возможность [оставить 5-звездочный обзор] (http://wordpress.org/support/view/plugin-reviews/social-icons-widget-by-wpzoom).

** [Посмотреть демонстрацию] (https://demo.wpzoom.com/social-icons/) **

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

> С помощью отличного плагина виджета социальных иконок WPZOOM вы можете мгновенно связать все свои профили в социальных сетях, позволяя вашим посетителям легко связываться с вами по всем каналам социальных сетей.
> ⭐️⭐️⭐️⭐️⭐️
> Прочтите обзор этого плагина [WPKlik] (https://wpklik.com/wordpress-plugins/wordpress-social-icons-widget/): [Полное руководство по виджету социальных иконок] (https://wpklik.com / wordpress-plugins / wordpress-social-icons-widget /)

[youtube https://www.youtube.com/watch?v=mFClpAjzCpc]

= Что нового в 4.0.0 =
* ** НОВИНКА: Блок Гутенберга **
* Новые стили значков в новом блоке социальных иконок
* Новые параметры для настройки значков: изменение полей, отступов, выравнивания, округлости и т. Д.

= Что нового в 3.0.0 =

* Добавлен Global Color Picker для изменения цвета всех значков
* Добавлен новый палитра цветов для изменения цвета при наведении курсора на все значки
* Иконки теперь сгруппированы по категориям

= Что нового в версии 2.2,0 =

* Добавлены параметры Padding и Size для значков.
* Добавлена ​​поддержка ссылок Skype (Skype: имя пользователя)

= Что нового в 2.1.0 =

* Поиск иконок по ключевым словам
* Интеграция набора значков FontAwesome
* Обновленный значок Instagram

= Что нового в версии 2.0 =

* Поддержка пользовательских значков
* Выбор цвета для каждого значка
* 3 набора значков, из которых вы можете выбрать более 400 значков

= Где я могу посмотреть демонстрацию? знак равно

Вы можете просмотреть виджет в реальном времени во всех наших темах на [WPZOOM] (https://www.wpzoom.com/themes/).

= Посмотреть демонстрацию и примеры =
* [Monte Theme] (https: // demo.wpzoom.com/?theme=monte) - панель заголовка и нижний колонтитул
* [Tempo Theme] (https://demo.wpzoom.com/?theme=tempo) - заголовок (под логотипом) и нижний колонтитул
* [Foodica Theme] (https://demo.wpzoom.com/?theme=foodica) - панель заголовка и боковая панель
* [Inspiro Theme] (https://demo.wpzoom.com/?theme=inspiro) - боковая панель и нижний колонтитул

= Особенности: =

* Блок Гутенберга - ** НОВИНКА **
* Поддержка 100+ сайтов / социальных сетей
* 400+ пользовательских иконок
* 5 наборов иконок
* Интеграция FontAwesome
* Academicons Integration: 38 академических значков для академиков
* Иконки перетаскивания
* Палитра цветов
* Поиск по ключевым словам
* Отрегулируйте размер значка и отступ
* 2 стиля: форма значка и значок с фоном
* 3 стиля фона: закругленные углы, круглые, квадратные
* Иконки Retina Ready
* Поддерживает адреса электронной почты (mailto: email @ example.com)
* Поддерживает телефонные номера (тел: 12345)
* Поддерживает Skype (скайп: логин? Звонок)
* Поддерживает Viber (viber: // add? Number = 123456)
* Поддерживает WhatsApp (https://api.whatsapp.com/send?phone=15551234567)

= Иконки =

Иконки предоставляются иконочным шрифтом [socicon] (http://www.socicon.com).

Twitter, Facebook, Google+, Instagram, Pinterest, Snapchat, Skype, Yelp, Feedburner, LinkedIn, Bloglovin ', Lookbook, Feedly, Periscope, SoundCloud, Spotify, Last.fm, YouTube, Vimeo, Vine, Flickr, 500px, Tumblr, Blogger , Reddit, Dribbble, Envato, Behance, DeviantArt, GitHub, RSS, Disqus, Stackoverflow и многие другие.= Кредиты =

Социальные иконки предоставляются иконочным шрифтом [socicon] (http://www.socicon.com).

[Academicons] (https://jpswalsh.github.io/academicons/) предоставлены Джеймсом Уолшем.

= Примите участие =

Хотите внести свой код в этот плагин? Идите вперед и [разделите репозиторий на GitHub] (https://github.com/wpzoom/social-icons-widget/).

== Установка ==

Просто найдите плагин в диалоговом окне ** Plugins -> Add New ** и нажмите «Установить» или загрузите и извлеките плагин, скопируйте папку плагина в каталог wp-content / plugins и активируйте.После этого перейдите на страницу ** Виджеты ** и добавьте виджет ** Социальные иконки от WPZOOM ** в область виджетов, такую ​​как боковая панель.

== Часто задаваемые вопросы ==

= Где мне найти более подробную информацию об этом плагине? знак равно

На нашем [сайте] (http://www.wpzoom.com/plugins/social-widget/).

= Могу ли я вставить виджет как шорткод на страницу? знак равно

Да, используя плагин [Widget Shortcode] (https://wordpress.org/plugins/widget-shortcode/), вы можете сгенерировать шорткод для каждого виджета Social Icons и вставить шорткод в сообщения или страницы, где он вам нужен.Вы также можете создать скрытую область виджетов с помощью плагина, такого как Custom Sidebars, если вы не хотите, чтобы виджет был видимым на боковой панели.

== Скриншоты ==

1. НОВИНКА: блок социальных иконок.
2. НОВИНКА: блок социальных иконок.
3. Стиль закругленных углов.
4. Квадратный стиль
5. Стиль скругленных иконок.
6. Отсутствие стиля фона
7. С ярлыком значка
8. Настройки виджета

== Журнал изменений ==

= 4.1.0 =
* Новые параметры на странице настроек для отключения отдельных наборов значков
* Оптимизация плагина: включена предварительная загрузка шрифтов для улучшения оценки PageSpeed.Этот параметр можно отключить на странице настроек.
* Новые иконки: Guilded, ko-fi, MeWe, Mail.ru, iHeartRadio, PlayerFM, Stitcher (новая иконка), Ravelry, NewGrounds

= 4.0.5 =
* Новые значки: Mailchimp, Parler, Nextdoor (обновленный значок)

= 4.0.4 =
* Исправлена ​​ошибка при использовании блока социальных иконок в качестве многоразового блока.
* Исправлены проблемы совместимости с Elementor
* Новый значок: Fiverr

= 4.0.3 =
* Исправлен конфликт с плагином Divi Booster
* Незначительные улучшения производительности
* Новые значки: Apple Podcasts, Google Podcasts, Overcast, Google News, Deviantart (обновлено), RedBubble.

= 4.0,2 =
* Новые значки: Patreon (обновлено), Zazzle, Displate, Pixiv, Anchorfm, SSRN, Yummly

= 4.0.1 =
* Исправлена ​​ошибка, влияющая на блоки столбцов после обновления 4.0

= 4.0.0 =
* НОВИНКА: блок Гутенберга - блок социальных иконок
* Новые стили значков в новом блоке социальных иконок
* Новые параметры для настройки значков: изменение полей, отступов, выравнивания, округлости и т. Д.

= 3.4.2 =
* Новые значки: ArtStation, Issuu, Google Calendar, Google Maps
* Добавлено определение для ссылок WhatsApp: например, "https://wa.me/15551234567"

= 3.4.1 =
* Новые иконки: микшер, почтовый ящик

= 3.4.0 =
* Новые значки: Zomato, The Fork, Новый значок Facebook (щелкните значок, чтобы изменить его)
* Добавлена ​​совместимость с плагином WPML.
* Добавлено новое поле для каждого значка для повышения доступности: "aria-label".

= 3.3.2 =
* Новые иконки: Яндекс Дзен, Яндекс.

= 3.3.1 =
* Новые иконки: Zillow, TikTok, Shutterstock, Aparat

= 3.3.0 =
* Исправлена ​​несовместимость с плагином Beaver Builder
* Исправлена ​​ошибка с несколькими атрибутами "rel"
* Исправлена ​​проблема с иконкой для OK.ru
* Добавлена ​​поддержка ссылок Telegram («t.me» и «tg: // resolve... "протокол")

= 3.2.0 =
* Новый набор значков: [Academicons] (https://jpswalsh.github.io/academicons/). Включает значки, такие как Academia.edu, Google Scholar, Coursera, ResearchGate и многие другие.

= 3.1.0 =
* Новые иконки: HomeAdvisor, TuneIn (старый), Stitcher, MyWed
* Обновлены иконки: Unsplash
* Новая опция: добавить rel = "noopener" к ссылкам.
* Новая опция: добавить rel = "noreferrer" к ссылкам.

= 3.0.13 =
* Новая опция: выравнивание значков (влево / по центру / вправо)

= 3.0.12 =
* Новые иконки: Мастодонт
* Исправлена ​​ошибка со значком EyeEm.

= 3.0.11 =
* Новые иконки: Beatport, iTunes

= 3.0,10 =
* Новые значки: Slack, Songkick, ReverbNation.

= 3.0.9 =
* Исправлено: незначительная проблема с кешированием после обновления до 3.0.8

= 3.0.8 =
* Новые иконки: Элло, Линия
* Исправлено: в ссылках без меток отсутствовал якорный текст, поэтому мы изменили виджет, чтобы по умолчанию отображалось имя значка, когда метка не была предоставлена.

= 3.0.7 =
* Новые иконки: Discord, Flipboard
* Исправлено несколько мелких ошибок

= 3.0.6 =
* Новая опция: добавление rel = "nofollow" к ссылкам.
* Новые значки: WhatsApp, ResearchGate

= 3.0.5 =
* Новые значки: Tidal, Deezer, Unsplash, Codered, Udemy, CrunchBase, Angie's List, App Store, Nextdoor.

= 3.0,4 =
* Новый значок: Strava

= 3.0.3 =
* Новые значки: Facebook Messenger, PlayStation Store, Overwatch.

= 3.0.2 =
* Исправлена ​​ошибка [# 4] (https://github.com/wpzoom/social-icons-widget/issues/4)

= 3.0.1 =
* Исправлен баг со значениями по умолчанию

= 3.0.0 =
* Добавлен глобальный выбор цвета для всех иконок
* Новая палитра цветов для изменения цвета наведения
* Иконки теперь сгруппированы по категориям

= 2.2.2 =
* FontAwesome обновлен до последней версии
* Новые значки: Hellocoton, Quora, Etsy, Bandcamp, Meetup, Linode, IMDB, Telegram.

= 2.2.1 =
* Добавлена ​​поддержка Viber (Пример: viber: // add? Number = 12345)

= 2.2,0 =
* Добавлены параметры Padding и Size для значков.
* Добавлена ​​поддержка ссылок Skype (Skype: имя пользователя)

= 2.1.0 =
* Новая функция: поиск значков по ключевым словам
* Новый набор значков: Font Awesome - более 600 новых значков
* Обновленный значок Instagram
* Новый значок: EyeEm

= 2.0.1 =

* Добавлен новый значок: Bandcamp

= 2,0 =
* Major Upate
* Добавлена ​​палитра цветов для индивидуального изменения цвета каждого значка
* Добавлены 3 набора значков, которые позволяют вам выбрать собственный значок для любых ссылок.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *