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

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

В данном случае мы целиком сохраним нужную страницу из браузера, а в ее исходном коде добавим нашу партнерскую ссылку между тегами iframe, счетчик Метрики и цель.

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

Единственное – способ работает не со всеми страницами. Либо работает некорректно. Например, с простенькими html-страницами все в порядке, а вот c некоторыми придется повозиться или воспользоваться специальными программами для копирования. Например, Web Copier Pro.

Итак, давайте к делу…

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

Начинаем с того, что копируем страницу-оригинал. Я делаю это в браузере Google Chrome, которым, в принципе, постоянно пользуюсь. Здесь просто открываем нужную страницу, жмем правую кнопку мыши и сохраняем как «Веб-страницу полностью».

копируем подписную страницу

Для дальнейшей работы нам понадобится блокнот Notepad++, позволяющий редактировать html-файлы. В нем мы и откроем нашу страницу для манипуляций…

Да, вместе, со страницей в отдельную папку скопируются все те элементы, которые на ней присутствуют – картинки, стили и т.д.

Теперь я создаю свою папку и сразу называю ее латинскими буквами. К примеру, я буду работать с картой партнера Азамата Ушанова и назову папку – «map-partner».

Перекидываем в эту папку все скопированное. Нtml-файл с названием страницы-оригинала открываем в Notepad++ для редактирования, а дополнительные элементы из папки с названием скопированной страницы переносим в ту папку, которую мы только что создали.

Далее, работаем уже только с html-страницей. Для начала добавим после открывающего тега <body нашу партнерскую ссылку вот в таком формате:

<iframe style="display:none;" src="ВАША ССЫЛКА" width="1" height="1"></iframe>

добавление партнерской ссылки в тегах iframe

жмите на изображение, чтобы увеличить

На этом этапе сразу проверяйте – фиксируются ли клики по ней в вашем кабинете партнера.

Теперь посмотрите есть ли на страничке уже какой то счетчик, если да – то вместо него ставим свою Яндекс.Метрику. Если счетчика нет, то я обычно добавляю его перед партнерской ссылкой, то есть после того же открывающего тега <body. На скриншоте выше это видно.

Следующий шаг – это установка цели в форму подписки. Создайте цель в Яндекс. Метрике, как на скриншоте:

добавление цели в яндекс метрике

Затем найдите в коде страницы форму подписки Smartresponder, GetResponse или др. и добавьте в нее следующий атрибут:

onsubmit="yaCounter11959423.reachGoal('lid1'); return true;"

Куда добавлять, показываю на скрине:

установка цели на партнерскую подписную страницу

В атрибуте меняете 2 вещи – номер счетчика на свой, после текста «yaCounter» до точки и идентификатор в кавычках на тот, что указали при создании цели, в моем случае – это lid1. Итак, цель есть, в конце ее также не забудьте протестировать – подпишитесь сами!

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

Находим такие элементы, где видим русское название страницы-оригинала – удаляем и оставляем только название файла с форматом. Смотрите пример:

меняем название изображений

меняем названия картинок и файлов

жмите по картинке для увеличения

После всех изменений сохраняете страничку: «Файл»«Сохранить как» и называете ее латинскими буквами или цифрами. Например, index или 1.

Всю папку с файлами закидывайте в корневой каталог своего сайта. Я для этого обычно пользуюсь Файлзиллой. Да, и не забудьте удалить из нее все лишнее – в частности, пустую папку и страницу-оригинал.

В итоге, ссылка на нашу страничку будет иметь такой вид:

Ваш домен/название папки/название страницы.htm или html
У меня это: o-zarabotkeonline.ru/map-partner/1.html




Еще пару важных нюансов:

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

Также можно открыть исходный код страницы-оригинала и скопировать код видео оттуда.
Но, если берете видео с Ютуба, то чтобы оно работало, в его код вместо такой ссылки: “//www.youtube.com/embed/LgZETzKWTkw” нужно добавить ссылку с http://, то есть должно быть так:

<iframe width="560" height="315" src="https://www.youtube.com/embed/LgZETzKWTkw" frameborder="0" allowfullscreen></iframe>

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

3. Если политика конфиденциальности на оригинале выводится модальным окном, как на странице Азамата Ушанова с интеллект-картой, то ее можно заменить ссылкой на отдельную страницу. Пример показываю в видео. А тут можете взять мой простенький файлик с политикой.

4. Некоторые страницы сохраняются в кодировке windows-1251, при добавлении их на сайт у меня лично они отображаются кракозябрами, поэтому я меняю кодировку на utf-8 и во вкладке «Кодировки» выбираю «Преобразовать в UTF-8 без BOM», строку заменяю полностью на эту:

<meta http-equiv="Content-Type" content="text/html; charset= UTF-8" />

Итак, кажется, все важные моменты упомянула, все остальное показала в видео. Смотрите:

А если будут вопросы или дополнения, пишите в комментариях.

Желаю успехов!

С уважением, Виктория Карпова