Поделиться от яндекса не работает

Поделиться от яндекса не работает

Задавайте в клубе вопросы и пишите свои предложения про возможности и работу блока «Поделиться» от Яндекса.

Ознакомиться с документацией можно здесь.

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

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

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

При шеринге во «вконтакте» текст выводится кракозябрами.
Скрин сделан с вашей страницы-конструктора https://yandex.ru/dev/share/

Проблема возникает только в мобильной версии.
iphone12, safari

Здравстувйте, добавил поделился.

Установи data-copy=»extraItem», data-limit = «0»все отображается корректно, но нет возможности скопировать ссылку

Вот ссылка на ресурс: http://avto.mildes.ru

Блок поделится находится в футере сайта, возле соц сетей

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

Хочу уточнить по работе ссылки Телеграм в декстопе
Если не установлена программа, тогда кнопка Share не работает
Так и должно быть?
можно посмотреть по ссылке http://kazmarka.abc-task.kz/ru/biznesu

Добрый день
при выборе скайпа выходит ошибка «Oops, something went wrong at our end»
можно посмотреть здесь http://kazmarka.abc-task.kz/ru/o-nas

Добрый день
для facebook не отображается заголовок и ссылка на странице в facebook странная

хотя я поставила data-url:facebook и data-title:facebook
по ссылке можно посмотреть http://kazmarka.abc-task.kz/ru/biznesu

вставила код где надо делюсь в вконтакте и ссылка не моя, написаны какие-то цифры и буквы как это исправить?

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

вот так все остается на странице во всплывающем окне

возможно как-то надо дополнительно инициализировать скрипт или на странице каталога это делать, а вот это уже писать во всплывающем окне?

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

Источник

Поделиться от яндекса не работает

Задавайте в клубе вопросы и пишите свои предложения про возможности и работу блока «Поделиться» от Яндекса.

Ознакомиться с документацией можно здесь.

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

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

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

При шеринге во «вконтакте» текст выводится кракозябрами.
Скрин сделан с вашей страницы-конструктора https://yandex.ru/dev/share/

Проблема возникает только в мобильной версии.
iphone12, safari

Здравстувйте, добавил поделился.

Установи data-copy=»extraItem», data-limit = «0»все отображается корректно, но нет возможности скопировать ссылку

Вот ссылка на ресурс: http://avto.mildes.ru

Блок поделится находится в футере сайта, возле соц сетей

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

Хочу уточнить по работе ссылки Телеграм в декстопе
Если не установлена программа, тогда кнопка Share не работает
Так и должно быть?
можно посмотреть по ссылке http://kazmarka.abc-task.kz/ru/biznesu

Добрый день
при выборе скайпа выходит ошибка «Oops, something went wrong at our end»
можно посмотреть здесь http://kazmarka.abc-task.kz/ru/o-nas

Добрый день
для facebook не отображается заголовок и ссылка на странице в facebook странная

хотя я поставила data-url:facebook и data-title:facebook
по ссылке можно посмотреть http://kazmarka.abc-task.kz/ru/biznesu

вставила код где надо делюсь в вконтакте и ссылка не моя, написаны какие-то цифры и буквы как это исправить?

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

вот так все остается на странице во всплывающем окне

возможно как-то надо дополнительно инициализировать скрипт или на странице каталога это делать, а вот это уже писать во всплывающем окне?

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

Источник

Вопросы и ответы

Выберите вашу проблему:

Не получается настроить блок «Поделиться» на моем сайте

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

Как отследить, поделился ли пользователь или просто закрыл окно?

Отследить факт того, что пользователь действительно поделился страницей, нельзя.

Как получить список пользователей, которые поделились страницей?

Такой список получить нельзя.

Adblock Plus блокирует блок «Поделиться»

Это происходит только тогда, когда пользователь включил в настройках Adblock Plus опцию Блокировать социальные сети . В этом случае на стороне сайта на это никак нельзя повлиять.

При публикации не используются указанные параметры title, description, image

Некоторые соцсети (например, Facebook) игнорируют передаваемые им параметры контента. В таких случаях следует использовать семантическую разметку. Подробнее читайте в статьях Open Graph, Schema.org и Микроформаты.

Семантическая разметка настроена, но все равно подтягиваются неверные данные

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

Планируется ли добавление новых тем оформления?

Нет, не планируется.

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

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

При наведении на кнопку соцсети с кириллическим именем название отображается некорректно

Если кодировка страницы отличается от UTF-8, при подключении скрипта кодировку нужно указывать явно:

Источник

Не работает блок «поделиться» от Яндекс

Этим кодом подключил блок поделиться в 3 соц. сетях.

Кнопки появились, но делятся этой ссылкой harsupesa.wix.com.usrfiles.com при нажатии на которую открывается пустая страничка с блоком поделиться в левом верхнем углу. Может что-то надо прописать в коде?

1 ответ 1

Из документации блока «Поделиться»:

По умолчанию указывается URL страницы, на которой размещен блок.

Вы можете указать произвольный URL, указав его в data-атрибуте:

Также стоит учитывать, что некоторые социальные сети (например, Facebook) игнорируют этот параметр. Чтобы передать им необходимую информацию, следует использовать специальную разметку.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками яндекс share ya-share2 или задайте свой вопрос.

Похожие

Подписаться на ленту

Для подписки на ленту скопируйте и вставьте эту ссылку в вашу программу для чтения RSS.

дизайн сайта / логотип © 2021 Stack Exchange Inc; материалы пользователей предоставляются на условиях лицензии cc by-sa. rev 2021.10.15.40479

Нажимая «Принять все файлы cookie» вы соглашаетесь, что Stack Exchange может хранить файлы cookie на вашем устройстве и раскрывать информацию в соответствии с нашей Политикой в отношении файлов cookie.

Источник

Как добавить блок на страницу?

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

Подключите скрипт блока. Чтобы загружать скрипт асинхронно и не блокировать загрузку страницы, укажите атрибут async или defer .

Если требуется поддержка старых браузеров (например, Internet Explorer 8), дополнительно подключите скрипт es5-shims . Этот скрипт должен быть подключен перед скриптом блока:

Поместите блок в контейнер. В качестве контейнера можно использовать любой блочный элемент, добавив атрибут class=\»ya-share2\» .

Настроить блок вы можете с помощью атрибутов контейнера (см. в таблице ниже).

Поддерживаемые атрибуты

Атрибут	Описание	Возможные значения
data-bare	Признак того, что загрузка стилей отключена. Если добавить атрибут, соцсети будут отображаться в виде текстового вертикального списка.	Наличие или отсутствие атрибута.
data-color-scheme	Цветовая схема кнопок соцсетей.	blackwhite — белые иконки на черном фоне whiteblack — черные иконки на белом фоне normal — белые иконки на индивидуальном фоне

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

data-copy Позиция кнопки Скопировать ссылку . Кнопка может отображаться в pop-up по нажатию , если используется атрибут data-limit , или в основном списке соцсетей.

• first — кнопка вверху списка в pop-up;
• last — кнопка внизу списка в pop-up;
• hidden — кнопка не отображается в pop-up;
• extraItem — кнопка в основном списке.

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

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

В шапке окна отображается превью сайта.

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

Наличие или отсутствие атрибута. data-description Текст, которым нужно поделиться. Строка.

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

data-direction Направление списка кнопок.

• horizontal — горизонтальное;
• vertical — вертикальное.

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

data-hashtags Хэштеги. Актуальны и работают только для Твиттера. Строка, указывается без знака # .

Несколько хэштегов указываются через запятую, без пробела.

data-image Изображение, которым нужно поделиться. URL изображения.

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

data-lang Язык блока. Локализуются подписи кнопок соцсетей и кнопка Скопировать ссылку .

• az — азербайджанский;
• be — белорусский;
• en — английский;
• hy — армянский;
• ka — грузинский;
• kk — казахский;
• ro — румынский;
• ru — русский;
• tr — турецкий;
• tt — татарский;
• uk — украинский;
• uz — узбекский.

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

data-limit Количество соцсетей, отображаемых в виде кнопок. Используется если нужно встроить в блок много соцсетей, а также чтобы блок занимал мало места на странице. Не вошедшие в лимит соцсети будут отображаться в pop-up по нажатию кнопки . Натуральное число или отсутствие атрибута. data-more-button-type Вид кнопки открытия pop-up, если значение data-limit равно 0 .

• long — с надписью
• short — без надписи
• значение не задано — стандартный вид

data-nonce Идентификатор директивы Content Security Policy. Используется для подтверждения безопасности скрипта блока «Поделиться». Строка, сгенерированная сервером. data-popup-direction Направление открытия pop-up.

• bottom — вниз;
• top — вверх;
• auto — по умолчанию вниз; если не вмещается вниз, то вверх; если не вмещается ни вниз, ни вверх, то вниз.

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

data-popup-position Расположение pop-up относительно контейнера блока. Значение outer может понадобиться в том случае, если из-за специфики верстки вашего сайта pop-up обрезается соседними элементами страницы.

• inner — внутри контейнера;
• outer — снаружи контейнера.

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

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

Значение по умолчанию: collections,vkontakte,facebook,twitter .

data-shape Форма кнопок соцсетей.

• round — круглая
• normal — прямоугольная со скругленными углами

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

data-size Размер кнопок соцсетей.

• l — большой
• m — средний
• s — маленький

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

data-title Заголовок, которым нужно поделиться.

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

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

data-url Ссылка, которой нужно поделиться. Любой URL.

По умолчанию указывается URL страницы, на которой размещен блок.

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

data-use-links Указание, что страницу отправки ссылки нужно всегда открывать в новом окне или вкладке. Если атрибут не добавлять, страница может выводиться во всплывающем окне (возможность зависит от соцсети и браузера). Наличие или отсутствие атрибута.

Атрибут	Описание	Возможные значения
data-bare	Признак того, что загрузка стилей отключена. Если добавить атрибут, соцсети будут отображаться в виде текстового вертикального списка.	Наличие или отсутствие атрибута.
data-color-scheme	Цветовая схема кнопок соцсетей.	blackwhite — белые иконки на черном фоне whiteblack — черные иконки на белом фоне normal — белые иконки на индивидуальном фоне

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

data-copy Позиция кнопки Скопировать ссылку . Кнопка может отображаться в pop-up по нажатию , если используется атрибут data-limit , или в основном списке соцсетей.

• first — кнопка вверху списка в pop-up;
• last — кнопка внизу списка в pop-up;
• hidden — кнопка не отображается в pop-up;
• extraItem — кнопка в основном списке.

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

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

В шапке окна отображается превью сайта.

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

Наличие или отсутствие атрибута. data-description Текст, которым нужно поделиться. Строка.

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

data-direction Направление списка кнопок.

• horizontal — горизонтальное;
• vertical — вертикальное.

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

data-hashtags Хэштеги. Актуальны и работают только для Твиттера. Строка, указывается без знака # .

Несколько хэштегов указываются через запятую, без пробела.

data-image Изображение, которым нужно поделиться. URL изображения.

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

data-lang Язык блока. Локализуются подписи кнопок соцсетей и кнопка Скопировать ссылку .

• az — азербайджанский;
• be — белорусский;
• en — английский;
• hy — армянский;
• ka — грузинский;
• kk — казахский;
• ro — румынский;
• ru — русский;
• tr — турецкий;
• tt — татарский;
• uk — украинский;
• uz — узбекский.

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

data-limit Количество соцсетей, отображаемых в виде кнопок. Используется если нужно встроить в блок много соцсетей, а также чтобы блок занимал мало места на странице. Не вошедшие в лимит соцсети будут отображаться в pop-up по нажатию кнопки . Натуральное число или отсутствие атрибута. data-more-button-type Вид кнопки открытия pop-up, если значение data-limit равно 0 .

• long — с надписью
• short — без надписи
• значение не задано — стандартный вид

data-nonce Идентификатор директивы Content Security Policy. Используется для подтверждения безопасности скрипта блока «Поделиться». Строка, сгенерированная сервером. data-popup-direction Направление открытия pop-up.

• bottom — вниз;
• top — вверх;
• auto — по умолчанию вниз; если не вмещается вниз, то вверх; если не вмещается ни вниз, ни вверх, то вниз.

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

data-popup-position Расположение pop-up относительно контейнера блока. Значение outer может понадобиться в том случае, если из-за специфики верстки вашего сайта pop-up обрезается соседними элементами страницы.

• inner — внутри контейнера;
• outer — снаружи контейнера.

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

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

Значение по умолчанию: collections,vkontakte,facebook,twitter .

data-shape Форма кнопок соцсетей.

• round — круглая
• normal — прямоугольная со скругленными углами

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

data-size Размер кнопок соцсетей.

• l — большой
• m — средний
• s — маленький

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

data-title Заголовок, которым нужно поделиться.

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

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

data-url Ссылка, которой нужно поделиться. Любой URL.

По умолчанию указывается URL страницы, на которой размещен блок.

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

data-use-links Указание, что страницу отправки ссылки нужно всегда открывать в новом окне или вкладке. Если атрибут не добавлять, страница может выводиться во всплывающем окне (возможность зависит от соцсети и браузера). Наличие или отсутствие атрибута.

Указать атрибуты контента для каждой соцсети отдельно

Вы можете указать атрибуты контента ( data-title , data-description , data-image , data-url ) для каждой соцсети отдельно. Например, это может понадобиться для Твиттера, где установлено ограничение на длину сообщения.

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

Facebook ограничивает количество публикаций в минуту. Чтобы снять ограничение, укажите токен в атрибуте data-access-token . Подробнее о токенах Facebook см. в статье Маркеры доступа.

Список поддерживаемых соцсетей

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

Как добавить блок на страницу?

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

Подключите скрипт блока. Чтобы загружать скрипт асинхронно и не блокировать загрузку страницы, укажите атрибут async или defer .

Если требуется поддержка старых браузеров (например, Internet Explorer 8), дополнительно подключите скрипт es5-shims . Этот скрипт должен быть подключен перед скриптом блока:

Поместите блок в контейнер. В качестве контейнера можно использовать любой блочный элемент, добавив атрибут class=»ya-share2″ .

Настроить блок вы можете с помощью атрибутов контейнера (см. в таблице ниже).

Поддерживаемые атрибуты

Атрибут	Описание	Возможные значения
data-bare	Признак того, что загрузка стилей отключена. Если добавить атрибут, соцсети будут отображаться в виде текстового вертикального списка.	Наличие или отсутствие атрибута.
data-color-scheme	Цветовая схема кнопок соцсетей.	blackwhite — белые иконки на черном фоне whiteblack — черные иконки на белом фоне normal — белые иконки на индивидуальном фоне

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

data-copy Позиция кнопки Скопировать ссылку . Кнопка может отображаться в pop-up по нажатию , если используется атрибут data-limit , или в основном списке соцсетей.

• first — кнопка вверху списка в pop-up;
• last — кнопка внизу списка в pop-up;
• hidden — кнопка не отображается в pop-up;
• extraItem — кнопка в основном списке.

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

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

В шапке окна отображается превью сайта.

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

Наличие или отсутствие атрибута. data-description Текст, которым нужно поделиться. Строка.

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

data-direction Направление списка кнопок.

• horizontal — горизонтальное;
• vertical — вертикальное.

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

data-hashtags Хэштеги. Актуальны и работают только для Твиттера. Строка, указывается без знака # .

Несколько хэштегов указываются через запятую, без пробела.

data-image Изображение, которым нужно поделиться. URL изображения.

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

data-lang Язык блока. Локализуются подписи кнопок соцсетей и кнопка Скопировать ссылку .

• az — азербайджанский;
• be — белорусский;
• en — английский;
• hy — армянский;
• ka — грузинский;
• kk — казахский;
• ro — румынский;
• ru — русский;
• tr — турецкий;
• tt — татарский;
• uk — украинский;
• uz — узбекский.

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

data-limit Количество соцсетей, отображаемых в виде кнопок. Используется если нужно встроить в блок много соцсетей, а также чтобы блок занимал мало места на странице. Не вошедшие в лимит соцсети будут отображаться в pop-up по нажатию кнопки . Натуральное число или отсутствие атрибута. data-more-button-type Вид кнопки открытия pop-up, если значение data-limit равно 0 .

• long — с надписью
• short — без надписи
• значение не задано — стандартный вид

data-nonce Идентификатор директивы Content Security Policy. Используется для подтверждения безопасности скрипта блока «Поделиться». Строка, сгенерированная сервером. data-popup-direction Направление открытия pop-up.

• bottom — вниз;
• top — вверх;
• auto — по умолчанию вниз; если не вмещается вниз, то вверх; если не вмещается ни вниз, ни вверх, то вниз.

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

data-popup-position Расположение pop-up относительно контейнера блока. Значение outer может понадобиться в том случае, если из-за специфики верстки вашего сайта pop-up обрезается соседними элементами страницы.

• inner — внутри контейнера;
• outer — снаружи контейнера.

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

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

Значение по умолчанию: collections,vkontakte,facebook,twitter .

data-shape Форма кнопок соцсетей.

• round — круглая
• normal — прямоугольная со скругленными углами

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

data-size Размер кнопок соцсетей.

• l — большой
• m — средний
• s — маленький

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

data-title Заголовок, которым нужно поделиться.

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

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

data-url Ссылка, которой нужно поделиться. Любой URL.

По умолчанию указывается URL страницы, на которой размещен блок.

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

data-use-links Указание, что страницу отправки ссылки нужно всегда открывать в новом окне или вкладке. Если атрибут не добавлять, страница может выводиться во всплывающем окне (возможность зависит от соцсети и браузера). Наличие или отсутствие атрибута.

Атрибут	Описание	Возможные значения
data-bare	Признак того, что загрузка стилей отключена. Если добавить атрибут, соцсети будут отображаться в виде текстового вертикального списка.	Наличие или отсутствие атрибута.
data-color-scheme	Цветовая схема кнопок соцсетей.	blackwhite — белые иконки на черном фоне whiteblack — черные иконки на белом фоне normal — белые иконки на индивидуальном фоне

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

data-copy Позиция кнопки Скопировать ссылку . Кнопка может отображаться в pop-up по нажатию , если используется атрибут data-limit , или в основном списке соцсетей.

• first — кнопка вверху списка в pop-up;
• last — кнопка внизу списка в pop-up;
• hidden — кнопка не отображается в pop-up;
• extraItem — кнопка в основном списке.

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

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

В шапке окна отображается превью сайта.

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

Наличие или отсутствие атрибута. data-description Текст, которым нужно поделиться. Строка.

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

data-direction Направление списка кнопок.

• horizontal — горизонтальное;
• vertical — вертикальное.

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

data-hashtags Хэштеги. Актуальны и работают только для Твиттера. Строка, указывается без знака # .

Несколько хэштегов указываются через запятую, без пробела.

data-image Изображение, которым нужно поделиться. URL изображения.

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

data-lang Язык блока. Локализуются подписи кнопок соцсетей и кнопка Скопировать ссылку .

• az — азербайджанский;
• be — белорусский;
• en — английский;
• hy — армянский;
• ka — грузинский;
• kk — казахский;
• ro — румынский;
• ru — русский;
• tr — турецкий;
• tt — татарский;
• uk — украинский;
• uz — узбекский.

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

data-limit Количество соцсетей, отображаемых в виде кнопок. Используется если нужно встроить в блок много соцсетей, а также чтобы блок занимал мало места на странице. Не вошедшие в лимит соцсети будут отображаться в pop-up по нажатию кнопки . Натуральное число или отсутствие атрибута. data-more-button-type Вид кнопки открытия pop-up, если значение data-limit равно 0 .

• long — с надписью
• short — без надписи
• значение не задано — стандартный вид

data-nonce Идентификатор директивы Content Security Policy. Используется для подтверждения безопасности скрипта блока «Поделиться». Строка, сгенерированная сервером. data-popup-direction Направление открытия pop-up.

• bottom — вниз;
• top — вверх;
• auto — по умолчанию вниз; если не вмещается вниз, то вверх; если не вмещается ни вниз, ни вверх, то вниз.

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

data-popup-position Расположение pop-up относительно контейнера блока. Значение outer может понадобиться в том случае, если из-за специфики верстки вашего сайта pop-up обрезается соседними элементами страницы.

• inner — внутри контейнера;
• outer — снаружи контейнера.

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

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

Значение по умолчанию: collections,vkontakte,facebook,twitter .

data-shape Форма кнопок соцсетей.

• round — круглая
• normal — прямоугольная со скругленными углами

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

data-size Размер кнопок соцсетей.

• l — большой
• m — средний
• s — маленький

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

data-title Заголовок, которым нужно поделиться.

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

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

data-url Ссылка, которой нужно поделиться. Любой URL.

По умолчанию указывается URL страницы, на которой размещен блок.

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

data-use-links Указание, что страницу отправки ссылки нужно всегда открывать в новом окне или вкладке. Если атрибут не добавлять, страница может выводиться во всплывающем окне (возможность зависит от соцсети и браузера). Наличие или отсутствие атрибута.

Указать атрибуты контента для каждой соцсети отдельно

Вы можете указать атрибуты контента ( data-title , data-description , data-image , data-url ) для каждой соцсети отдельно. Например, это может понадобиться для Твиттера, где установлено ограничение на длину сообщения.

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

Facebook ограничивает количество публикаций в минуту. Чтобы снять ограничение, укажите токен в атрибуте data-access-token . Подробнее о токенах Facebook см. в статье Маркеры доступа.

Список поддерживаемых соцсетей

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

Источник