Buderus-trade.ru

Теплотехника Будерус
0 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Почему вы не шерите наши посты: (

Почему вы не шерите наши посты 🙁

Favorite В закладки

Почему вы не шерите наши посты :(

Мы на это не обращали внимания, пока нам не подсказали.

Три месяца назад мы наконец-то сделали редизайн айфонса. Вы восприняли его неоднозначно (как и полагается), но со временем приняли. С тех пор мы исправили многое – и добавили ещё больше. Одним из нововведений стали «умные» социальные кнопки UpToLike. Благодаря им, мы внезапно поняли: вы, ребята, совсем не любите по ним кликать…

Откуда пошла наша проблема

Снимок экрана 182

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

Вообще, это обыденная ситуация. Разработчики сторонних плагинов периодически забрасывают свои детища, либо просто не поспевают за изменениями на стороне «социалок». В итоге время от времени читатели либо не видели часть социальных кнопок, либо вообще весь этот блок. Либо из-за его багов страница догружалась по 2 минуты – в общем, вариант был далеко не лучший. Но терпели.

Время от времени и с жутким скрипом мы пытались кастомизировать этот плагин, исправить ошибки (что часто возможно только частично, приходится ждать апдейта со стороны создателя) и добавить/удалить другие кнопки. Что-то получалось, что-то нет.

Ещё была идея сделать свои «кнопочки», с нуля. Но далеко она не пошла. В команде на тот момент было 6 человек, из них ровно один разбирается в вопросе, но занят, а остальные – до мозга костей гуманитарии. Результат их труда на поприще кода… в общем, затея закончилась ничем.

Потом мы всё-таки обновили айфонс и попробовали разместить кнопки социальных сетей UpToLike.

Как появился UpToLike и что он даёт

UpToLike создан именно для тех (читай – для 95% владельцев сайта на WP), кто не хочет гоняться за разработчиками плагинов, за кодерами, за социальными сетями и их API, чтобы в итоге получить простую и необходимую вещь – кнопки социальных сетей. Кто не хочет вообще тратить на это время.

Эти кнопки социальных сетей встраивать настолько просто, что сейчас этим сервисом пользуются больше 199 тысяч сайтов. Вполне вероятно, что пока выйдет этот пост, их количество перешагнёт за двести тысяч. Откуда такая популярность?

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

По сути, это как встраиваемый код с YouTube – легко подстроить под себя, просто разместить, удобно работать, независимо от технических знаний. Помимо инструмента «шеринга» ваших страниц и записей в соцсетях, UpToLike предоставляет обширную статистику, позволяющую легко оценить охват ваших записей, количество посещений страниц и ряд других интересных моментов, полезных для SEO-оптимизации.

Если ты «чайник»

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

Если ты нормально шаришь

Вместо сторонних и (иногда) разнозненных плагинов, у тебя есть единый кабинет, где можно следить за движением аудитории и её социальной активностью. Статистика по лайкам и «шерингу» даёт понять, какие материалы реально интересны аудитории, а какие не вызывают отклика и не приводят новый траф из соцсетей.

А ещё если по какой-то причине отказался от счётчиков Яндекс.Метрики, Google Analytics или Liveinternet, можно считать посещения, показы и источники через UpToLike – вместе со статистикой из соцсетей.

Дополнительные фишки UpToLike

Социальные кнопки – главный «продукт» сервиса UpToLike. Но у них есть ещё пара полезных инструментов для владельцев блогов. Например, с помощью похожего встраиваемого кода можно вставлять опросы прямо в статьи или в блоки сайта. На айфонсе часто публикуются такие посты, в следующий раз попробуем взять их код и протестировать на вас, да-да 🙂

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

Читайте так же:
Счетчик скат 101м устройство

Что самое главное в 21 веке – кнопки UpToLike имеют удобную версию для мобильных устройств. Если вы заходите на страницу с ними, используя айфон или любой другой портативный девайс, вместо «десктопных» кнопок появляется удобная мобильная версия – плашка в нижней части экрана. Для этого не нужно ставить дополнительные плагины.

Самый шик – среди кнопок появляется возможность поделиться записью через мессенджеры. Такого, насколько я знаю, в Рунете вообще нет. Короче говоря, отличная идея, тут все подробности.

Да, важно, а то начнёте сейчас задавать очевидный вопрос. Мол, где сурс? Если хочется встроить их решение, есть плагины для WordPress, Joomla и Drupal. А можно просто зайти на UpToLike и сгенерировать нужный код без плагинов.

Вся соль UpToLike

Если вам влом читать текст и разбираться, UpToLike – это:

  • кнопки социальных сетей, которые всегда работают
  • «лайки» и «поделиться», которые может поставить даже чайник
  • способ заполучить «мобильные» шеринги
  • счётчик посещаемости и привлечённой аудитории
  • бесплатный сервис, которых всё меньше

Что будет дальше + опрос

Теперь, когда вы знаете нашу печаль и грусть – поделитесь этой записей через кнопки внизу? 🙂

В ближайшем будущем снова вставим продвинутые кнопки от UpToLike и посмотрим, как вы выполнили нашу просьбу. А пока – ограничимся опросом. В каких социалках вы сидите? На что нам стоит акцентировать внимание? Где вообще тусуется наши читатели? На этот вопрос можете ответить только вы.

Favorite В закладки

Добавляем кнопки социальных сетей — плагин Uptolike Share Buttons

плагин Uptolike Share Buttons

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

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

В рунете ходит множество анекдотов про соцсети, один из них:

— Что делает современная девушка, расставшись с парнем?
— Она судорожно размышляет, какой статус написать в контакте, чтоб ему было обидно.

Одно несомненно, наличие на вашем сайте сервисов для социальных сетей путь к повышению трафика. Существует множество способов установки кнопок — с помощью разных плагинов и скриптов. Но не все плагины корректно работают, например самый популярный плагин Social Share Buttons конфликтует с плагинами для закрытия внешних ссылок (у меня стоит WP NO External Links). Поэтому он мне не подходит, а использование скриптов требует определенных навыков редактирования кода установленной темы, что не далеко не все умеют, да и после установки скрипта с течением времени даже специалист может забыть куда он его прописал. Поэтому использование плагина в данном случае мне кажется наиболее оптимальным, за пару кликов кнопки соцсетей появятся на вашем сайте.

Плагин Uptolike Share Buttons позволяет устанавливать кнопки соцсетей в любом месте на странице — внизу или/и вверху статьи, неподвижно закреплять справа или слева на странице (при прокрутке страницы кнопки остаются неподвижными), а также внизу или вверху страницы, задавать нужный цвет для всех кнопок, выбирать различные формы и размер кнопок, добавлять спецэффекты (при подведении курсора кнопка может крутиться либо увеличиваться в размере, что довольно интересно смотрится). Кнопки можно отображать со счетчиками, причем для каждой соцсети использовать свой счетчик, либо использовать общий счетчик кликов для всех соцсетей, а можно счетчик вообще не показывать.

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

Установка Uptolike Share Buttons

Плагин можно скачать с официального сайта — Uptolike Share Buttons, либо установить из поисковой строки, как устанавливать плагины можно прочитать в мой стать здесь. Мне кажется второй вариант проще, его и рассмотрим. В админке WordPress переходим в раздел Плагины -> Добавить новый в поисковой строке набираем Uptolike Share Buttons, и устанавливаем найденный плагин.

Читайте так же:
Шкаф учета для счетчика прямого включения

Установка Uptolike Share Buttons

Не забываем после установки активировать плагин (нажав соответствующий пункт), после чего переходим к настройке Uptolike Share Buttons выбрав появившейся пункт UpToLike в админке.

Основные настройки

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

Установка и настройка Uptolike Share Buttons

Выбираем где будет располагаться наш блок с кнопками, пример расположения показывается в панели предпросмотра, и меняет свое положение в соответствии с выбранным пунктом.

1. Вертикально и горизонтально — блок с кнопками будет располагаться вертикально или горизонтально в виде полоски непосредственно перед началом статьи или/и после статьи либо одновременно сверху и снизу. Местоположение блока задается на вкладке Настройки

Добавляем кнопки социальных сетей - плагин Uptolike Share Buttons

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

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

4. Цитирование — при выделении фрагмента текста появляется кнопка Поделиться и пользователю предоставляется возможность поделится данным фрагментом текста и ссылкой на данную страницу в любой социальной сети (этих сетей 25 шт.)

Настройка плагина UpToLike

5. Following — дополнительная возможность для пользователя присоединиться к одной из вашей сети после расшаривания страницы в социальную сеть.

6. Кнопка «наверх» — перемещает пользователя наверх страницы, фактически дублирует кнопку вверх, которая есть практически на всех сайтах.

Выбор социальных сетей

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

Настройка UpToLike

Настройка стилей

Можно радикально поменять вид кнопок социальных сетей (все изменения видны в реальном времени):

  • установить размер кнопки — на выбор три типоразмера;
  • поменять форму — установить круглую, квадратную или квадратную со скругленными краями;
  • установить эффект при наведении курсора мышки на кнопку — поворот по часовой стрелке, увеличение размера, либо оставить без эффекта;
  • установить стиль кнопки — внешнее оформление кнопки;

UpToLike Настройка стилей

После всех изменений не забывайте сохранять изменения.

Статистика

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

UpToLike установка статистики

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

UpToLike анализ и статистика

Положительные отличия от скриптовой установки для WordPress:

  1. Удобнее чем установка скрипта, не надо думать куда его вставлять, и где потом искать (если забыл);
  2. Очень простое изменение в процессе работы — местоположение, внешний вид кнопок;
  3. Удобство пользование статистикой;

Все кто не любит установку плагинов на сайте могут пойти на он-лайн сервис UpToLike и использовать скриптовый вариант, который кстати имеет более широкие возможности.

Рекомендую посмотреть мой видео урок «Добавляем кнопки социальных сетей — плагин Uptolike Share»

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

P.S. Список самых необходимых плагинов для WordPress, большинство из которых установлены на моем сайте можно найти в моем посте здесь.

Жду Ваших комментариев. Подписывайтесь на обновления блога. Буду благодарен, если Вы поделитесь этим постом в социальных сетях!

Как создать кнопки социальной активности от UpToLike

Сервис соцкнопок UpToLike

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

Читайте так же:
Счетчики для сайта лучшие рейтинг

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

Давным-давно я уже поднимал эту тему у себя в статьях, тогда мы научились отдельно создавать от каждой соцсети кнопки «Лайки», кнопки в виде значков для расшаривания статей от Share и «Поделиться» от Яндекса, статистику по которым можно было лицезреть в Метрике.

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

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

не работает счетчик кнопок

Данная статья имеет много лайков, но некоторые соцсети не хотят отображать информацию в полном объеме.

Что из себя представляет сервис UpToLike

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

UpToLike — это сервис-конструктор, позволяющий установить социальные кнопки, опросы, счетчики в один клик.

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

Что предоставляет UpToLike пользователям:

  • Лайки. Самый простой способ выразить свое отношение к статье автора.
  • Поделиться. Посетитель может по средствам этого виджета поделиться статьей и оставить комментарий.
  • Подписаться. Виджет позволит пригласить посетителя в ваши группы или сообщества.
  • Поделиться картинкой. Один из способов поделиться изображением сайта с другими.
  • Опросы. Удобный конструктор по созданию голосования на сайте.
  • Рейтинг статей. Узнайте, что нравится посетителям, а что нет.
  • Невидимый счетчик. Специальный код, который будет отслеживать аудиторию и вести статистику ее социальной активности.
  • Плагины для WordPress, Joomla, Drupal. Данные модули позволят создать социальные кнопки от UpToLike из админки сайта в несколько кликов.

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

Здесь еще стоит добавить и тот факт, что практически все виджеты имеют такую функцию «Цитирование», когда посетителю при выделении части текста страницы будет предложено поделиться им в социальных сетях.

функция "Цитирование"

И функцию «Мобильный вид» с возможностью адаптировать кнопки под мобильные устройства.

функция "Мобильный вид"

Ну а то что разработчики не поленились и придумали статистику, за это им отдельный плюс.

Теперь каждый сможет мониторить эффективность работы установленного виджета, и добить максимальной от него эффективности.

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

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

Лично меня больше привлекли кнопки для расшаривания статей «Поделиться».

Первым делом, оказавшись на главной странице UpToLike.ru , пройдите процедуру регистрации по ссылке «Мой Uptolike» дабы получить доступ в аккаунт для отслеживания статистики по кнопкам.

регистрация в UpToLike

После авторизации жмете по кнопке «Создать проект» и выбираете из предложенных виджетов свой.

виджеты социальной активности

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

конструктор социальных кнопок

Социальные сети. На данный момент сервис предлагает своим пользователям добавить в блок кнопок до 26 известных социальных сетей.

все социальные сети

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

мобильные кнопки

Дополнительные настройки. Эти настройки отвечают за вывод кнопки «Наверх», отключение кнопки дополнительного выбора соцсетей, цитирования текста статьи.

дополнительные настройки виджета

Также можно настроить вывод окна с предложением подписаться в одно из ваших сообществ, после расшаривания статьи.

вступить в сообщество

Расположение блока. Здесь вы должны выбрать, каким образом размещать соцкнопки: в контенте или боковой панели.

Расположение блока

Внешний вид. За визуально отображение блока отвечает множество настроек: размер кнопок, форма, тип счетчика, стиль и эффект при наведении.

Настройка стилей

На завершающем шаге создания кнопок надо нажать «Сгенерировать код» после чего появится окно с кодом для вставки в то место сайта, где планируется вывод виджета UpToLike .

Читайте так же:
Скакалки со счетчиком оптом

код для вставки

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

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

файл single.php

На фото ниже видно, что я посредством файла style.css для атрибута class задал выравнивание с помощью внешних отступов margin

файл style.css

После всех выполненных операций обновленные социальные кнопки блога seoslim.ru приняли следующий вид:

социальные кнопки от UpToLike на seoslim.ru

Анализ статистики социальной активности блога

Чтобы посмотреть насколько активно кликают посетители сайта по чудо кнопкам достаточно авторизоваться в сервисе и детально изучить все данные статистики.

На главной странице будет предоставлен общий отчет за выбранный период времени.

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

статистика проекта

Если надо внести какие-то правки в код кнопок, тогда переходим в «Настройки кода», а если хотите детального проанализировать статистику перейдите в «Подробно».

Здесь будет предоставлен подробный отчет по количеству посетителей, просмотров в процентном соотношении и временном интервале.

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

социальная активность аудитории сайта

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

Буду рад узнать от своих читателей, пользуетесь ли вы данными кнопками на своих площадках и каковы получились результаты?

Тест CSP: UptoLike.com социальные кнопки

<script type=»text/javascript»>
(function(w,doc) <
if (!w.__utlWdgt ) <
w.__utlWdgt = true;
var d = doc, s = d.createElement(‘script’), g = ‘getElementsByTagName’;
s.type = ‘text/javascript’; s.charset=’UTF-8′; s.async = true;
s.src = (‘https:’ == w.location.protocol ? ‘https’ : ‘http’) + ‘://w.uptolike.com/widgets/v1/uptolike.js’;
var h=d[g](‘body’)[0];
h.appendChild(s);
>>)(window,document);
</script>

<fieldset>
<legend>1. Share widget (pid 1887442)</legend>
<div data-mobile-view=»true» data-share-size=»30″ data-like-text-enable=»false» data-background-alpha=»0.0″ data-pid=»1887442″ data-mode=»share» data-background-color=»#ffffff» data-share-shape=»round-rectangle» data-share-counter-size=»12″ data-icon-color=»#ffffff» data-mobile-sn-ids=»fb.vk.tw.ok.wh.tm.vb.» data-text-color=»#000000″ data-buttons-color=»#FFFFFF» data-counter-background-color=»#ffffff» data-share-counter-type=»disable» data-orientation=»horizontal» data-following-enable=»false» data-sn-ids=»fb.vk.tw.ok.wh.tm.vb.tb.ps.mr.lj.li.su.ms.bl.dg.sb.bd.rb.ip.ev.em.vd.dl.pn.ln.gt.4t.» data-preview-mobile=»false» data-selection-enable=»true» data-exclude-show-more=»false» data-share-style=»1″ data-counter-background-alpha=»1.0″ data-top-button=»false» ></div>
</fieldset>

<fieldset>
<legend>2. Like widget (pid 1887443)</legend>
<div data-mobile-view=»true» data-orientation=»horizontal» data-share-size=»LARGE» data-following-enable=»false» data-like-text-enable=»false» data-sn-ids=»fb.vk.ok.mr.» data-preview-mobile=»false» data-background-alpha=»0.0″ data-pid=»1887443″ data-selection-enable=»true» data-mode=»like» data-background-color=»#ffffff» data-exclude-show-more=»false» data-share-shape=»SHARP» data-icon-color=»#ffffff» data-counter-background-alpha=»1.0″ data-mobile-sn-ids=»fb.vk.ok.» data-text-color=»#000000″ data-buttons-color=»#FFFFFF» data-counter-background-color=»#ffffff» ></div>
</fieldset>

<fieldset>
<legend>3. Follow widget (pid 1887445)</legend>
<div data-mobile-view=»true» data-share-size=»30″ data-like-text-enable=»false» data-background-alpha=»0.0″ data-pid=»1887445″ data-mode=»follow» data-background-color=»#ffffff» data-share-shape=»round-rectangle» data-share-counter-size=»12″ data-icon-color=»#ffffff» data-mobile-sn-ids=»fb.vk.tw.ok.wh.tm.vb.» data-text-color=»#000000″ data-buttons-color=»#FFFFFF» data-counter-background-color=»#ffffff» data-follow-ok=»gruppa» data-share-counter-type=»common» data-orientation=»horizontal» data-following-enable=»false» data-sn-ids=»fb.vk.tw.ok.tm.» data-preview-mobile=»false» data-selection-enable=»true» data-exclude-show-more=»false» data-share-style=»1″ data-follow-tm=»14139-plaisir-de-la-chaleur.html» data-follow-vk=»wbrussia» data-follow-tw=»@odnoklassniki» data-counter-background-alpha=»1.0″ data-top-button=»false» data-follow-fb=»247870932709853″ ></div>
</fieldset>

<fieldset>
<legend>4. Share image widget (pid 1887447)</legend>
<div data-mobile-view=»true» data-share-size=»20″ data-like-text-enable=»false» data-background-alpha=»0.0″ data-pid=»1887447″ data-mode=»share_picture» data-background-color=»#ffffff» data-share-shape=»round-rectangle» data-share-counter-size=»12″ data-icon-color=»#ffffff» data-mobile-sn-ids=»fb.vk.tw.ok.wh.tm.vb.» data-text-color=»#000000″ data-buttons-color=»#FFFFFF» data-counter-background-color=»#ffffff» data-follow-ok=»gruppa» data-share-counter-type=»common» data-orientation=»vertical» data-following-enable=»true» data-sn-ids=»fb.vk.tw.ok.wh.tm.vb.tb.ps.mr.lj.li.su.ms.bl.dg.sb.bd.rb.ip.ev.em.vd.dl.pn.ln.gt.4t.» data-preview-mobile=»false» data-selection-enable=»true» data-follow-title=»Subscribe me!» data-exclude-show-more=»false» data-share-style=»1″ data-follow-tm=»14139-plaisir-de-la-chaleur.html» data-follow-vk=»wbrussia» data-follow-tw=»@odnoklassniki» data-counter-background-alpha=»1.0″ data-top-button=»false» data-follow-fb=»247870932709853_id» ></div>
</fieldset>

<fieldset>
<legend>5. Articles rating (pid 1887448)</legend>
<div data-count-clicks=»true» data-icon-style=»0″ data-text-size=»12″ data-pid=»1887448″ data-icon-size=»14″ data-background-color=»#ffffff» data-icon-color=»c1c1c1″ data-text-color=»000000″ data-like-layout=»tic» data-dislike-layout=»tic» ></div>
</fieldset>

<fieldset>
<legend>6. Invisible counter (pid 1887449)</legend>
<script async=»async» src=»https://w.uptolike.com/widgets/v1/zp.js?pid=1887449″ type=»text/javascript» data-skip></script>
</fieldset>

убрать CSPСтраница теста в ифрейме:Отчёты CSP:
Описание теста

1. Поделиться (Share);

3. Подписаться (Follow);

4. Поделиться картинкой (Share image) — не работает;

5. Рейтинг статей (Articles rating);

6. Невидимый счётчик (Invisible counter);

Сторонние сервисы, включённые в UpToLike:

• Социальная авторизация (представлена сервисом uLogin.ru, он тестируется отдельно);

• Социальные виджеты (представлены сервисом GetSale.io он тестируется отдельно).

Сервис UptoLike позволяет интегрировать на сайт панель кнопок соцсетей и инструментов: «ВКонтакте», «Одноклассники», «Facebook», «Twitter», «Google+», «Мой Мир@Mail.Ru», «Blogger», «Delicious», «Digg», «Evernote», «Formspring.me», «Google закладки», «Instapaper», «Juick», «LinkedIn», «LiveInternet», «LiveJournal», «Memori.ru», «Pinme», «Pinterest», «Readability», «Springpad», «StumbleUpon», «Surfingbird», «Tumblr», «WebDiscover», «Yahoo закладки», «mySpace», «БобрДобр», «В Кругу Друзей», «В закладки», «МойКруг», «МоёМесто», «Я.ру», «Яндекс.Закладки», «Webmoney события», «Мистер Вонг», «Friend Feed» и тп.

Виджет UptoLike.com вставляется на страницу как инлайн-скрипт (один раз на любое количество виджетов) , который загружает, выбранные в настройках виджета, кнопки соцсетей.

Также тест позволяет проверить работу токенов ‘nonce-<base64-value>’ и ‘strict-dynamic’ для разрешения загрузки скриптов UptoLike.com, для этого достаточно просто выбрать соответствующий чекбокс в окне теста. При этом будут внесены соответствующие изменения в скрипты (будет добавлен атрибут nonce=’test’) и в правила Content Security Policy (из директивы script-src будут убраны ненужные источники) .

Читайте так же:
Как создавать счетчик для сайта

Если правила Content Security Policy для виджета UptoLike корректны, кнопки соцсетей должны быть видны, функционировать при нажатии, и отчётов о нарушении присылаться не должно, кроме блокировки домена https://mc.yandex.ru Яндекс.Метрики, которая в этом тесте не разрешена, поскольку не имеет отношения к плагину UptoLike.com.

Также периодически может блокироваться сторонняя реклама :

Блокировка Я.Метрики и сторонней рекламы

и сторонние трекинг-куки и трекинг-пиксели, поскольку виджет UpToLike.com загружает много сторонних скриптов из сомнительных источников.

Описание источников
script-src

//w.uptolike.com/widgets/v1/uptolike.js основной скрипт виджета, загружается по бессхемному URI (по текущей схеме загрузки страницы) .

• ‘unsafe-eval’ так как используются eval() — сообщение call to eval() or related function blocked by CSP in zp.js:396 в консоли браузера.

Зависимые сервисы (они открываются в CSP с путём на сервере чтобы показать, что они сторонние):

http://connect.facebook.net/ru_RU/all.js#xfbml=1&status=0, по текущей схеме загрузки страницы.

http://connect.ok.ru/connect.js, по текущей схеме загрузки страницы.

http://cdn.connect.mail.ru/js/loader.js, по текущей схеме загрузки страницы. Редиректит на http://connect.mail.ru/js/loader.js также по текущей схеме страницы.

http://my2.imgsmail.ru/mail/ru/images/js/connect/api/api_min.js?16, по текущей схеме загрузки страницы.

http://my2.imgsmail.ru/mail/ru/images/js/connect/receiver/receiver_min.js?2, по текущей схеме загрузки страницы.

https://assets.pinterest.com/js/pinmarklet.js?r=54265826.83650053 при клике на кнопку «Pinterest» в «Share widget»; всегда по https:.

http://www.readability.com/bookmarklet/save.js?r=38750823.13683625 при клике на кнопку «Readability» в «Share widget»; по текущей схеме загрузки страницы.

http://st.pinme.ru/js/pinbutton.js?r=42403642.18886249 при клике на кнопку «PinMe.Ru», всегда по https:.

Сторонние сервисы, не требующиеся для работы самого виджета UpToLike:

http://mc.yandex.ru/metrika/watch.js — подключает Яндекс Метрику со сторонним ID; по текущей схеме загрузки страницы. В этом тесте Я.Метрика не разрешается, поэтому будет блокировка этого источника .

https://sonar.semantiqo.com/c82up/checking.js — сторонний сервис Управляемая защита сети (фактически — установка трекинг-кук с fingerprints браузера) , всегда по https:.

http://utl-utils.ru/check/ (не работал на момент проведения теста), по текущей схеме загрузки страницы.

Сторонние трекинг-куки (fingerprints) для отслеживание посетителей по интернету, они устанавливаются один раз и не блокируются в CSP повторно при перезагрузке страницы пока их не сотрёшь; современные Firefox автоматически блокируют такие fingerprints :

Firefox block tracking Cookies

http://cdn3.caltat.com/9b6874aa-d549-414d-a589-12a15f71b2b6/sls_new.php трекинг-куки по текущей схеме загрузки страницы.

frame-src

http://w.uptolike.com/widgets/v1/share-counter.html?77067b93bc6214cddd2d7375412c98fe, https://w.uptolike.com/widgets/v1/impression.html?77067b93bc6214cddd2d7375412c98fe, http://w.uptolike.com/widgets/v1/zp/support.html ифреймы виджетов, по текущей схеме загрузки страницы.

Зависимые сервисы (они открываются в CSP с путём на сервере чтобы показать, что они сторонние):

https://connect.ok.ru/dk?st.cmd=WidgetShare&st.shareUrl=&st.fid=__okShare0&st.hoster=http%3A%2F%2Fcsplite.com%2Ftst%2Ftest_frame.php%3FID%3D102%26hash%3D3eb7714a9e5efa64e62d47ad3b8eb32d&st.settings=%7B%22height%22%3A30%2C%22st%22%3A%22straight%22%2C%22sz%22%3A20%2C%22nt%22%3A1%7D, всегда по https:.

https://www.facebook.com/plugins/like.php?app_id=&channel=https%3A%2F%2Fstaticxx.facebook.com%2Fx%2Fconnect%2Fxd_arbiter%2F%3Fversion%3D46%23cb%3Dfc4db09b019238%26domain%3Dcsplite.com%26origin%3Dhttp%253A%252F%252Fcsplite.com%252Ff16118fa15676a2%26relation%3Dparent.parent&container_width=0&href=http%3A%2F%2Fcsplite.com%2Ftst%2Ftest_frame.php%3FID%3D102%26hash%3D3eb7714a9e5efa64e62d47ad3b8eb32d&layout=button_count&locale=ru_RU&sdk=joey&send=false&show_faces=false, всегда по https:.

http://connect.mail.ru/share_button?sz=20&st=3&tp=mm&nt=1&width=60&domain=csplite.com&url=http%3A%2F%2Fcsplite.com%2Ftst%2Ftest_frame.php%3FID%3D102%26hash%3D24bd424dccf35b94b0b2350a96c4ab0a&buttonID=6000727&faces_count=10&height=20&caption=&cp=1&host=http%3A%2F%2Fcsplite.com&wid=3532787&type=insertable&app_id=-1&appid=-1 по текущей схеме загрузки страницы.

https://assets.pinterest.com/ext/grid.html?1596656821852 при клике на кнопку «Pinterest» в «Share widget»; всегда по https:.

Сторонние сервисы, не требующиеся для работы самого виджета UpToLike:

http://sonar.semantiqo.com/i/#http://csplite.com по текущей схеме загрузки страницы.

http://s.click.aliexpress.com/e/_eLwHPA реклама Али-Экспресс, по текущей схеме загрузки страницы (появляется только один раз, необходимо очистить Cookie, чтобы увидеть снова) . Этот источник разрешать смысла нет, он будет загружать дополнительные скрипты и фреймы с Aliexpress.

img-src

http://w.uptolike.com/static/img/share-button.png картинки кнопок по текущей схеме загрузки страницы.

Зависимые сервисы (они открываются в CSP с путём на сервере чтобы показать, что они сторонние):

http://my.mail.ru/grstat?name=my.api.browsers.total:my.api.browsers.firefox.52&r=0.46790889331111607 по текущей схеме загрузки страницы.

Сторонние трекинг-какртинки, не требующиеся для социальных кнопок UpToLike:

http://counter.yadro.ru/id127/reff-id.gif?sid=f620a996a1a94bba88ae692871ae40c7 трекинг-картинка счётчика liveinternet.ru, по текущей схеме загрузки страницы.

http://sonar.semantiqo.com/fbfli/data_sess_sync.php?spid=&sid=f620a996a1a94bba88ae692871ae40c7, по текущей схеме загрузки страницы. Автоматически блокируется в современных Firefox:

Firefox block sonar.semantiqo.com for fingerprints

https://sync.magnitent.com/fbfli/ct_sync.php?ct=7d4faa251f5240349efc229d29d8723d&sonar=e7fb38b9dc924ef5a5318eb417fbfeb4&spid=748B509E9E812EED всегда по https:. Появляется не регулярно, поэтому пока его открываем.

style-src

• ‘unsafe-inline’ из-за инлайн стилей <style> .uptlk_wdgt_VFc3b .uptl_toolbar .sn-icon. </style> и стилей в тегах style=’display:none’ .

font-src

http://w.uptolike.com/static/buttons/fonts/icomoon.woff?qq11232333=1232131231321 шрифты, всегда по текущей схеме загрузки страницы.

connect-src

http://www.pinme.ru/pin/source_failed?url=http%3A%2F%2Fcsplite.com%2Ftst%2Ftest_frame.php%3FID%3D102%26hash%3Db54c5d0f7d5db374d3fd3ccebfbeed69&tool=button при клике на кнопку «PinMe.ru» если на странице не найдено фотографий чтобы их «Приколоть». Всегда по http:, поэтому на HTTPS:-странцах возникает блокировка смешанного контента:

Заблокирована загрузка смешанного активного содержимого «http://st.pinme.ru/js/pinbutton.js?r=50551308.00671507»

Впрочем, на HTTP:-страницах кнопка «PinMe.ru» тоже не работает из-за нарушения политики Cross-Origin Resource Share:

Политика одного источника запрещает чтение удаленного ресурса на http://www.pinme.ru/pin/source_failed?url=http%3A%2F%2Fcsplite.com%2Ftst%2Ftest_frame.php%3FID%3D102%26hash%3D5fa96c64bc53049dc3cdf68d1b50d420&tool=button. (Причина: отсутствует заголовок CORS «Access-Control-Allow-Origin»).

Сторонние сервисы, не требующиеся для работы самого виджета UpToLike:

http://sonar.semantiqo.com/c82up/analize.js по текущей схеме загрузки страницы.

Дата последней проверки теста: 2020-08-09. Можно посмотреть актуальные онлайн результаты теста конкретно для вашего браузера, он должен поддерживать Content Security Policy уровня 3.

голоса
Рейтинг статьи
Ссылка на основную публикацию
Adblock
detector