5 голосов

Как изменить иконки в блоке поделиться от Яндекс?

Например заменить фон либо общий, либо для каждой иконки: new Ya.share({ element: 'share', elementStyle: { 'type': 'none', 'quickServices': ['vkontakte', 'facebook', 'twitter'] ...
SVE's user avatar
  • 22.4k
5 голосов

Как добавить Instagram в список значков в блоке «Поделиться» от Яндекса?

Яндекс именно потому не добавил значок Instagram в конструктор ya-share2, что постить в Instagram с сайта невозможно. Единственный способ запостить картинку в Инстаграм - через мобильное приложение. ...
labris's user avatar
  • 2,125
4 голоса
Принятый

Настройка кнопок соц. сетей через API yandex.share2

Воспользуйтесь отладчиком для FB: https://developers.facebook.com/tools/debug/ Скорее всего, у вас закэшировалась старая версия, поэтому нажмите "scrape again", если видите некорректные данные.
user3144525's user avatar
3 голоса

Как убрать текст из вертикального расположения поделиться от Яндекс?

Дело в том, что Яндекс подменяет класс ya-share2__title, когда мы добавляем data-direction. Не знаю почему, но это происходит. Все лечится, если вручную переопределить стили класса. .ya-share2__title ...
Viktor's user avatar
  • 2,333
3 голоса

Блок "поделиться" от Yandex - ajax загрузка

Аяксовая догрузка постов происходит у вас наверняка с соответствующими javascript-events. К одному из таких событий (ajax:success, например) вам нужно привязать скрипт инициализации блока с кнопками: ...
Виталий Емельянцев's user avatar
3 голоса

Передача картинки и текста не работает

Попробуйте добавить OpenGraph к своей странице. Вы сможете задать собственное описание и заголовок для поста, также сможете указать картинку. Прочитайте Базовое описание. Добавьте на страницу (пример)...
Andrew B's user avatar
  • 1,658
3 голоса

Почему в конструкторе блока "Поделиться" нет нужного мне сервиса?

Актуальный список поддерживаемых соцсетей можно найти в документации. Telegram (с одной m) в этом списке есть, подключить его можно так: <div class="ya-share2" data-services="telegram"> В ...
Роман Парадеев's user avatar
3 голоса

Как настроить расположение кнопок?

Дело не в версии яндекс-кнопок, у вас применяются общие стили для элементов, в частности для тегов a и li, то есть, в иерархии стилей вы используете правила для всех тегов, которые находятся внутри ...
Romanzhivo's user avatar
3 голоса

Смена атрибута title в Яндекс.Поделиться

Для перевода используйте параметр темы lang при инициализации кнопок: var share = Ya.share2('my-share', { theme: { lang: 'en' } }); Либо через data-атрибут блока: <div class="ya-...
Maxim Zasorin's user avatar
3 голоса

Дополнительное слово в блок Поделиться

Можно сделать поверху уже существующего блока: Cкриптом пройтись по всем кнопкам и переопределить title. var links = document.getElementsByClassName("ya-share2__link"); for(var i=0;i<links.length;...
Дмитрий Полянин's user avatar
3 голоса

Как добавить на свой сайт ссылку на whatsapp?

Из официального FAQ (тут) <a href="https://wa.me/вашНомерБезПробеловИСкобок">WhatsApp</a>
Misha Saidov's user avatar
  • 5,416
2 голоса

Блок Яндекс "поделиться" - как создать несколько на одной странице?

Создайте несколько блоков с разными data-url: <div class="ya-share2" data-url="example.com/1" data-services="vkontakte,facebook,gplus,linkedin"></div> <div class="ya-share2" data-url="...
Viktor's user avatar
  • 2,333
2 голоса

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

Можно двумя путями: Полезно почитать про микроразметку и применять Передавать ссылку на изображение в атрибут data-image В противном случае соцсеть (vk или facebook, например) будут сами приходить ...
Grey Evil's user avatar
2 голоса

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

Документация гласит, что за url-адрес, которым надо поделиться отвечает атрибут data-url Следовательно, добавьте его в разметку: <div class="ya-share2" data-url="https://site.ru/page/" ...
Alexander Igorevich's user avatar
2 голоса

Размер кнопок в блоке Яндекс.Поделиться

Вообще, если есть необходимость как то визуально изменить блок, наиболее правильным путём будет использование атрибута data-bare, который является признаком того, что загрузка стилей отключена. Если ...
Grey Evil's user avatar
2 голоса

Размер кнопок в блоке Яндекс.Поделиться

UPD. Спасибо EatMyDust за комментарий к ответу. Исследовал вопрос подробнее. Яндекс предлагает 4 внешних вида для блока «Поделиться». Четвёртый из них — с&...
Gleb Kemarsky's user avatar
2 голоса

Подключение блока «Поделиться» от Яндекса

Всё оказалось совсем просто. Скрипт инициализации запускать после формирования div. var share = Ya.share2('my-share', { content: { url: 'https://yandex.com' } ...
Андрей's user avatar
2 голоса

Перестал работать share в facebook так, как работал раньше. Что использовать?

Адрес https://share.yandex.net/go.xml использовался в первой версии блока "Поделиться", сейчас не поддерживаемой. Социальные сети периодически меняют свои API для поделения, поэтому нередко ссылки, ...
Роман Парадеев's user avatar
2 голоса
Принятый

Открывается два окна при обновлении контента блока "Поделиться" через API

В вашем случае блок инициализируется при каждом вызове функции Ya.share2. Инициализацию достаточно выполнить один раз, а в теле функции оставить только вызов метода обновления контента: var share1 = ...
Роман Парадеев's user avatar
2 голоса

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

Разумеется, внутри блока <script> ожидается корректный JavaScript, но никак не HTML. Вам нужно использовать API блока для JavaScript: var share = Ya.share2('id-элемента', { theme: { ...
eigenein's user avatar
  • 3,807
2 голоса

В блоке "Поделиться" неверно отражается кодировка

Кодировка сайта указана как win1251, а скрипт от Яндекса юникодный, вот и получаются "кракозябры". Исправьте кодировку на сайте, будет меньше проблем.
Andrew Hobbit's user avatar
2 голоса

Не настраивается контент записи у Facebook bulatkamalov2008

В общем разобрался, надо в фейсбуке зарегать своё приложение, потом загуглить что такое Open Graph, вставить в нужную страницу метатеги <meta property="fb:app_id" name="app_id" content="...
Булат Камалов's user avatar
2 голоса

Добавление кнопки itunes

Почти не ясно, что Вам нужно и для чего. Но как я понял - Вы хотите добавить кнопку в приложение или страницу сайта, клик по которой перекидывал бы пользователя в магазин Apple. Если так, то Вам ...
Mihail Pirogovsky's user avatar
2 голоса

Блок «Поделиться» от Яндекса, не работает Facebook

Фейсбук не видит opengraph-разметку на вашем сайте. В это можно убедиться, запустив Sharing Debugger. Возможно, проблема в кодировке, такую ошибку показывает Open Graph Object Debugger.
Роман Парадеев's user avatar
2 голоса

В блоке "Поделиться" русские соцсети отображаются неправильно

Если кодировка страницы отличается от UTF-8, при подключении скрипта кодировку нужно указывать явно: <script src="//yastatic.net/share2/share.js" charset="utf-8"></script>
Роман Парадеев's user avatar
2 голоса

Счетчик перестал корректно отображать значения

Скорее всего, поменялся адрес главной страницы. Все адреса в этом списке могут восприниматься социальной сетью, как разные страницы. http://example.org http://example.org/ https://example.org http://...
Роман Парадеев's user avatar
2 голоса
Принятый

Установка целей в Яндекс.Метрике на блок "Поделиться"

Можно создать кнопки самостоятельно, либо воспользоваться API блока «Поделиться» В первом случаи, например для ВКонтакте, кнопка будет иметь примерно такой вид: .first span { border: 1px ...
Alexander Igorevich's user avatar
2 голоса

Как кнопки, сделать такими?

Можно так. li.ya-share2__item.ya-share2__item_service_vkontakte span.ya-share2__badge:after { display: inline-block; line-height: 24px; padding-right: 5px; content: 'Рассказать'; } ...
KAGG Design's user avatar
  • 35.2k
2 голоса
Принятый

Увеличить кнопки и расстояние между ними блок «Поделиться» Яндекс

CSS вам в помощь. Можете добавить медиа-запросы для кастомизации под разные размеры экранов. .ya-share2__item { margin-right: 24px !important; } .ya-share2__icon { height: 48px !...
teran's user avatar
  • 29.4k
1 голос
Принятый

Кнопки блока "Поделиться" открываются в новой вкладке

На странице используется устаревшая библиотека mootools. Она переопределяет встроенные функции JavaScript, в результате чего код начинает работать некорректно. Можно попробовать обновить mootools до ...
Роман Парадеев's user avatar

Допускаются только превышающие минимальную длину ответы с наивысшим рейтингом, не являющиеся общими