Яндекс соцсети кнопки: Как добавить блок на страницу?. Блок «Поделиться»

Содержание

Как добавить блок на страницу?. Блок «Поделиться»

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.

data-curtain

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

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

Источники данных для превьюКонтент в превью может не совпадать с контентом для соцсети. Картинка и описание для превью берутся из атрибутов image и description. Если атрибуты image и description не указаны, данные подтягиваются из разметки Open Graph. Если описание не найдено в разметке Open Graph, оно подставляется из мета-тега description страницы. Если описания нет и там, берется текущий URL страницы.

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

Наличие или отсутствие атрибута.
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 Указание, что страницу отправки ссылки нужно всегда открывать в новом окне или вкладке. Если атрибут не добавлять, страница может выводиться во всплывающем окне (возможность зависит от соцсети и браузера).Наличие или отсутствие атрибута.

Блок «Поделиться» в социальных сетях от Яндекса

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

Чем он выгодно отличается от других подобных ему скриптов или плагинов? Во-первых, здесь представлены социальные сети, ориентированные в первую очередь на русскоязычных пользователей — это Вконтакте, Одноклассники, Мой Мир. А во-вторых, блок «Поделиться» создан крупной и широко известной компанией Яндекс, которая не допустит внедрение вредоносного кода, что иногда себе позволяют недобросовестные разработчики.

Иногда мне приходилось задумываться: зачем в конце каждой статьи размещать кнопки социальных сетей? Быть может на самом деле они не приносят никакой пользы, а их значение при этом сильно преувеличено? Давайте разберёмся!

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

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

Но этим преимущества не ограничиваются:

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

Статистику кликов по кнопкам можно отслеживать в Яндекс Метрике, она доступна в стандартном отчёте Содержание — Кнопка «Поделиться».

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

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

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

На момент составления обзора на выбор представлено более 20 сервисов, для рунета наиболее известными являются Яндекс.Коллекции, Вконтакте, Facebook, Одноклассники, Мой Мир, Pinterest, Twitter, Blogger, Livejournal, Viber, WhatsApp, Skype, Telegram. С полным списком вы можете ознакомиться на официальном сайте.

Внешний вид блока настраивается и представлен в трёх вариантах:

  • Только иконки — выбранные вами иконки и ничего лишнего:
  • Иконки и меню — в зоне видимости только три иконки, остальные скрыты под кнопкой с выпадающим списком:
  • Маленького размера — то же самое, что в первом варианте, только иконки меньшего размера:

После настройки внешнего вида на этой же странице вы получите код скрипта, который необходимо скопировать и вставить в шаблоне сайта, например, в конце статьи. Чтобы загружать скрипт асинхронно и не блокировать загрузку страницы, укажите атрибут async="async" изменив код таким образом:

<script src="https://yastatic. net/share2/share.js" async="async"></script>

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

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

Как установить на сайт кнопку “Поделиться” от Яндекс для продвижения сайта в социальных сетях и просмотреть отчет по  этой кнопке я расскажу Вам в данной статье.

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

В статье: “Ставим социальные кнопки на сайт. Кнопки социальных сетей для сайта” мы научились формировать скрипты кнопок социальных сетей со счетчиками, а в статье: “Как сделать социальные кнопки горизонтально и в рамке”  красиво их оформили в виде блока.





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

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

Блок “Поделиться” от Яндекс имеет такой вид:

Кнопка “Поделиться” имеет выпадающее меню.

С помощью меню и иконок посетители могут поделиться ссылкой на Вашу статью в социальных сетях: Яндекс, ВКонтакте, Facebook, Twitter, Одноклассники, Мой Мир, Livejournal, Friendfeed, Мой круг, Google+.

В командной строке браузера набираем: api.yandex.ru/share/

Выбираем внешний вид блока:

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

Получаем код кнопки  “Поделиться”.

Полученный код размещаем на сайте в том месте, где будет располагаться наша кнопка. Его можно вставить с помощью плагинов Header and Footer, Post Layout или непосредственно в файл WordPress.

Чтобы код кнопки  “Поделиться” вставить на сайт с помощью плагина Header and Footer, заходим в админпанель сайта, открываем пункт меню Настройки=>Header and Footer, в горизонтальном меню плагина выбираем Post Content и вводим полученный код в верхнее поле, чтобы кнопка располагалась в начале статьи после заголовка, либо в нижнее поле, чтобы кнопка “Поделиться” появлялась в конце статьи.

Код кнопки имеет примерно следующий вид:

<script type="text/javascript" src="//yandex.st/share/share.js" charset="utf-8"></script>
<div data-yashareL10n="ru" data-yashareType="button" data-yashareQuickServices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir,lj,friendfeed,moikrug,gplus"></div>

Установите на своём сайте счетчик Яндекс – Метрика, в код которого включите опцию: “Внешние ссылки, загрузки файлов и отчет по кнопке Поделиться”

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

Для просмотра отчета загружаем Яндекс и открываем:

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

  • Кнопка “Поделиться”

 

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

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

Для улучшения качества просмотра видеоролика нажмите на значок “1” в правом нижнем углу, который появится при наведении мышкой.

При желании можно увеличить размер видео на весь экран, нажав на значок “2”.

Если у Вас возникли какие-то трудности или наоборот всё получилось – можем обсудить это в комментариях.

Буду благодарна, если поделитесь с друзьями информацией:

Как отследить блок “Поделиться” от Яндекса в Google Analytics

Google Analytics

Материал обновлен:

01:10:2015

Комментарии:

12


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

Для установки на сайт кнопок социальных сетей предлагается перейти на страницу сервиса http://api.yandex.ru/share/ выбрать вариант оформления блока и кнопки социальных сетей.

Создание блока поделиться

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

Предположим, что вы получили и разместили необходимый код у себя на сайте и посетители сайта взаимодействуют с ним, информация присутствует у вас в отчетах Яндекс Метрики, но как передать данные в Google Analytics?

Сложного ничего нет. Давайте рассмотрим вариант настройки отслеживания с помощью Google Tag Manager.

Если вы еще не добавили тег отслеживания событий – сделайте это, если он у вас добавлен, то при клике на любую кнопку социальной  сети из блока, в Google Tag Manager передается информация по следующей схеме:

Параметры в Google Tag Manager

Нам из всего набора понадобятся – событие и URL по которому выполняется переход после клика на кнопке:

Настроим правило фиксирующее клик по таким кнопкам в блоке “Поделиться”:

Правило активации

Если его расшифровать то оно считается сработавшим при событии gtm.click, если URL перехода элемента содержит share.yandex.ru:

Выделение параметров для правила

Итак, мы “перехватили” клик по кнопке социальной сети, который говорит о том, что пользователь намеревается поделиться нашим контентом. Теперь необходимо передать сведения о социальном действии в Google Analytics.

Создайте тег типа Google Analytics или Universal Analytics. Укажите у него тип отслеживания как Социальные сети, после чего нужно заполнить три поля:

Настройка тега Universal Analytics

  • Сеть – название социальной сети;
  • Действие – социальное действие;
  • Целевое действие – адрес страницы, на которой произошло действие (как пример).

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

Имя социальной сети

Настройки макроса выглядят следующим образом:

Настройки макроса

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

Если вы все сделали правильно, то в соответствующем отчете Google Analytics о социальных действиях вы увидите примерно такую информацию:

Результаты настройки в отчетах Google Analytics

Желаю удачи в продвижении ваших материалов в социальных сетях.

Правильные социальные share-кнопки / Хабр

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

Внешний вид

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

Быстродействие

В пору быстрого интернета все меньше приходится задумываться об оптимизации скорости загрузки сайта. Однако с каждым годом растет количество пользователей мобильного интернета, который пока не может похвастаться высокими скоростями. А социальные кнопки способны заметно замедлить загрузку сайта. Интересный факт: еще в 2007 году Amazon сообщил, что каждые лишние 100мс при загрузке сайта снижают продажи на 1%. А Google с 2010 года учитывает скорость загрузки при ранжировании сайтов в поисковой выдаче. И хочется ли после этого ставить нативные кнопки?

 Что же делать?

К счастью, есть много сервисов, с помощью которых можно установить к себе на сайт одну кнопку «Поделиться», объединяющую сразу все нужные социальные сети. Самым популярным в Рунете подобным инструментом является блок «Поделиться» от Яндекса. И он действительно хорош: аккуратные иконки, лаконичный код и даже наличие API для разработчиков. Но как всегда, хочется чего-то большего. Для себя я определил вот какие критерии идеального сервиса социальных кнопочек:

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

PLUSO — молодой сервис, который удовлетворяет всем вышеуказанным требованиям, вот какие кнопочки он позволяет делать, всего более 300 вариаций:

А какими сервисами социальных кнопок пользуетесь вы?

кнопки на сайт для шаринга в соцсети

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

1. PLUSO

  • Визуальный конструктор кнопок;
  • Была проблема с подгрузкой сторонних скриптов;    
  • Обращается на сторонние сервисы;
  • Позволяет дополнительно монетизировать страницы; 
  • Предоставляет статистику;
  • Поддержка Retina.

2. Social Likes 

 

  • Ограниченный конструктор кнопок; 
  • Поддерживает 7 соц.сетей; 
  • Нет запросов на сторонние сервисы. 
  • Плагин съедает очень мало трафика.

3. goodshare.js 

  

  • Любой элемент на странице можно сделать share-кнопкой;  
  • Чистый код;     
  • Работает на любом устройстве. 

4. Share42.com

   

  • Не обращается к сторонним сайтам;
  • Универсальный скрипт;  
  • Большой выбор соцсетей. 

5. AddThis 

   

  • Предоставляет статистику; 
  • Прописывает в код страницы лишний код;
  • Отсутствует русский интерфейс; 
  • Собирает информацию о пользователях и использует в своих целях; 
  • Не самая простая установка.

6. Uptolike.ru

 

  • Съедает очень мало трафика;
  • Удобный конструктор; 
  • Доступна статистика; 
  • Есть шаринг картинок;
  • Есть адаптив для мобилок, но спорный, потому что не для всех сайтов удобен; 
  • Широкие возможности настройки кнопок;

7.  Поделиться от Яндекса

 

  • Аскетичный дизайн конструктора;
  • Стабильная работа; 
  • Простенький дизайн кнопок; 
  • Исследование через Яндекс.Метрику;

Яндекс кнопки поделиться со счетчиком

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

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

    Сервисы с кнопками социальных закладок

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

    • Share42 — отличный и очень популярный сервис, с большим количеством социалок и удобной страницей для генерации именно вам подходящего скрипта закладок с нужными социальными сетями. Единственный минус: у этих кнопок нет счетчика.
    • AddThis — популярный англоязычный сервис с возможностью генерации кнопок поделиться в соц сетях. Есть варианты кнопок со счетчиком и без него.
    • Pluso — сервис с кнопками, очень быстро завоевавший популярность вебмастеров. Очень красиво выполненные кнопки всех социальных сетей, как простые, так и со счетчиками сколько раз поделились страницей. Кстати скрипт этих закладок как и в скрипте Яндекса асинхронный. Что значит: он не тормозит загрузку страницы, а все кнопки загружаются на страницу сайта лишь после основного содержания.
    • Яндекс кнопки — скрипт кнопок асинхронен и работает очень быстро, единственный минус: у обычных кнопок от яндекса нет счетчиков.

    Раньше я на своих сайтах, при добавлении кнопок не использовал ни один из этих сервисов — предпочитал оригинальные кнопки социальных сетей: TwitterFacebookВконтактеGoogle+Майл.ру и Одноклассники (последние две социалки работают от одного скрипта).

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

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

    Новые кнопки поделиться от Яндекса

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

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

    Как добавить кнопки на сайт

    В месте html шаблона темы сайта, где хотите вывести кнопки нужно добавить код:

    <div data-yashareQuickServices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir,gplus" data-yashareTheme="counter" data-yashareType="large"></div>

    Если измените параметр: data-yashareType=»large» на small получите кнопочки маленького размера. Изменить порядок вывода кнопок можно поменяв местами названия социалок в параметре: data-yashareQuickServices.

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

    В html код сайта перед закрывающим тегом: </body> вставляем сам скрипт для вывода кнопок социальных закладок:

    <script type="text/javascript" src="//yandex.st/share/cnt.share.js"></script>

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

    Читайте также: яндекс кнопки закладки скрипты

    ⚙ Заголовки политики безопасности контента и правила для кнопок Addthis NoSNIFF

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

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

    Кнопки Addthis NoSNIFF: Правила политики безопасности контента:

    Правила CSP для: Добавить эти кнопки NoSNIFF Content-Security-Policy:

    connect- src https://m. addthis.com https://s7.addthis.com;

    frame-src https://s7.addthis.com;

    img-src данные: https: // www.addthis.com;

    script-src ‘unsafe-eval’ ‘unsafe-inline’ api-public.addthis.com https://api-public-oci-origin.addthis.com https://m.addthis.com https: // q.addthis.com https://s7.addthis.com https://www.addthis.com https://v1.addthisedge.com graph.facebook.com https://widgets.pinterest.com https: // vk.com/share.php https://www.odnoklassniki.ru/dk https://connect.ok.ru/dk;

    style-src ‘небезопасный встроенный’;


    Diags:

    SCRIPT-SRC:
    `https: //graph.facebook.com`: рассматривается на сайте `graph.facebook.com`. * УДАЛЕНО *

    схема CSP3: 2. пустая схема покрывает https: на стандартных портах
    порт CSP3: порт проверялся по схеме
    host охватывает `graph.facebook.com` graph.facebook.com
    путь Пустой путь охватывает любые другие

    * пустые строки между строками правил CSP сделаны исключительно для удобства чтения, они ДОЛЖНЫ быть удалены перед вставкой в. Файл конфигурации htaccess / Nginx!


    Это правила политики безопасности контента для виджета и кнопок AddThis: Панель кнопок «Поделиться / подписаться» , баночка подсказок для веб-сайта , пожертвования , и , связанные сообщения AddThis, .

    CSP подразумевает вставку скрипта виджета AddThis с явно указанным https: scheme: