Блок «Поделиться» для вашего сайта

Материал из Umicms
Перейти к:навигация, поиск

Задача: Разместить блок "Поделиться" Я.ру, Вконтакте, Facebook, Twitter, Одноклассники, МойМир, Livejournal на Вашем сайте. Блок «Поделиться» позволяет Вашим посетителям размещать ссылку на страницу вашего сайта в социальных сетях или блогах. Вы можете установить блок «Поделиться» на любую страницу. Пользователи будут делиться информацией с вашего сайта, а значит, его популярность будет расти.

Podel.png

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

1. В голову шаблона (<head>) вставляем код:

<script type="text/javascript" src="//yandex.st/share/share.js" charset="utf-8"></script>

2. В место, где предполагается выводить панель "Поделиться" (в теле шаблона <body>) вставляем следующий код:

<script type="text/javascript">
                    new Ya.share({
                        'element': 'ya_share1',
                        'elementStyle': {
                            'type': 'button',
                            'linkIcon': true,
                            'border': false,
                            'quickServices': ['yaru', 'vkontakte', 'facebook', 'twitter', 'odnoklassniki', 'moimir', 'lj']
                        },
                        'popupStyle': {
                            'copyPasteField': true
                        }
                     });
                    </script>
                    <span id="ya_share1"></span>