1

Как заставить блок «Поделиться» подгружаться внутри <script></script>?

Работает:

<script type="text/javascript" src="//yastatic.net/share2/share.js" charset="utf-8">
</script>
<div class="ya-share2" data-services="vkontakte,facebook,gplus,linkedin"></div>

Не работает:

<script type="text/javascript" src="//yastatic.net/share2/share.js" charset="utf-8">
</script>
<script type="text/html">
    <div class="ya-share2" data-services="vkontakte,facebook,gplus,linkedin"></div>
</script>
0

2 ответа 2

2

Разумеется, внутри блока <script> ожидается корректный JavaScript, но никак не HTML.

Вам нужно использовать API блока для JavaScript:

var share = Ya.share2('id-элемента', {
    theme: { services: 'vkontakte,facebook,gplus,linkedin' },
    content: { url: 'https://yandex.com' }
}); 
6
0

В клубе пользователей "Поделиться" подсказали, как решить мою проблему. Цитирую:

Вызов Ya.share2() нужно отложить до того момента, пока шаблонизатор не поместит содержимое тэга script в документ.

Вот так это работает:

<script type="text/html">
    <div id='ya'></div>
    <script type="text/javascript">
        var share = Ya.share2('ya', {
            theme: { services: 'vkontakte,facebook,gplus,linkedin' },
            content: { url: 'example.com' }
        });
    </script>
</script>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

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