Как копировать одностраничный сайт
Приветствуем вас дорогие друзья, сегодня мы хотим помочь вам разобраться с одной из самых популярных задач для тех, кто занимается товарным бизнесом или инфобизнесом. Если быть конкретнее то сегодня мы разберем как копировать сайты и устанавливать выгрузку заказов в телеграм.
Да эту задач можно решить за 15$, но в начале этого пути, все расходы лучше максимально оптимизировать и самому во всем разобраться и иметь возможность дальнейшем это компетентно делегировать. Также вы можете на этом зарабатывать приятную монету, ведь когда вы научитесь копировать одностраничные сайты, то этот процесс не будет занимать большое количество времени и в день вы сможете копировать множество сайтов (5-7 без проблем).
Вообщем уверены что данная информация вам будет полезной, вообщем поехали.
Итак, изначально на просторах интернета ищем одностраничный сайт, который мы хотим скопировать. Лично я всегда ищу на Adhert, так как там сразу можно примерно оценить конверсию сайта. После того как мы нашли подходящий сайт, мы копируем его ссылку и заходим на сайт www.saveweb2zip.com и там происходит копирование
Далее разархивируем скачанный файл и добавляем в него следующие 3 файл кода, которые необходимы каждому сайту, перейдите по ссылке ниже и добавьте содержимое в папку своего сайта
https://drive.google.com/drive/folders/1yGv0EZBoNg7mtZyspt879orPaC4rvM57
Данные файлы мы скачиваем и переносим в папку сайта как на примере ниже (скачанные файлы 3 нижние: страница «спасибо», данные о конфиденциальности и файл php для выгрузки лидов в телеграм)
Также скорее всего вам понадобится вносить определенный правки в сайт, чтобы у нас была такая возможность мы скачиваем приложение Visual Studio Code, и перетаскиваем всю нашу папку в редактор кода.
Далее переходим в папке index.html и ищем в ней тег form и меняем «action = «order.php»» на «action = «./send.php»»
Далее для выгрузки наших лидов сразу в телеграм, нам необходимо создать бота в телеграм, токе и id которого мы потом вставим в папку «send.php». Для этого мы заходим в телеграм и в поисковой строке вбиваем «Botfather».
Далее через в боте прописываем «/» и выбираем new bot. после чего вам нужно создать имя бота, для этого пишем английскими буквами любой текст и в конце должно быть нижнее подчеркивание и слово «bot», вот пример имени бота «stolstul_bot». Заданное вами имя может быть занято, поэтому вписывайте любой набор букв, чтобы было быстрее.
После вышеуказанных действия бот выдаст нам нам токен, который мы копируем и вставляем в папку «send.php»
Далее нам нужно создать группу в телеграмме, куда нам будут приходить заказы (думаем вы уже взрослые и знаете как создавать группу в телеграмме). В группу мы должны добавить одного человек любого, телеграм бота которого мы создавали (вписывайте его название) и также добавляем еще одного бота «Get my id». После создания группы мы получим автоматическое сообщение от нашего бота с нашим chat id, который мы копируем и вставляем в папку «send.php».
Этими действиями мы полностью настроили выгрузку лидов в нашу группу в телеграм.
Как установить Pixel на одностраничный сайт
В дальнейшем чтобы наши конверсии корректно отображались в кабинете, нам необходимо установить pixel на наш скопированный одностраничный сайт. Код Pixel будем устанавливать в папки «index.html» и «thanks.html».
Данный код мы вставляем в папку «index.html»:
<!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '5544605152298193');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=5544605152298193&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->
Данный код мы вставляем в папку «thanks.html»:
<!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '333808496179651');
fbq('track', 'Purchase', {
value: 0.00,
currency: 'USD'
});
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=333808496179651&ev=Purchase&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->
Важно отметить, код мы вставляем перед тегом «</head>», который выделен на скрине
Также в файле «index.html» мы устанавливаем событие «PageView» (выделено белым где это делать), а в файле «thanks.html» мы устанавливаем событие «Lead» или «Purchase» и обязательно с большой буквы.
Есть еще часть кода под названием «ценность события», без него алгоритм facebook иногда может выдавать ошибку. В ней вы указывает цену вашего товара и его цену с валютой.
И в конце вам нужно будет установить в код id вашего pixel с рекламного кабинет,на фото выделили места где это нужно сделать.
Для проверки правильности установки пикселя мы скачиваем приложение Meta Pixel Helper и если вы правильно все установили, то увидите такую галочку
Как изменить фото на одностраничном сайте
Для этого возвращаемся в нашу программу Visual Studio Code и нам нужно скачать наш сайт, для этого делаем следующее:
- нажимаем на самый нижний раздел, который выделен красным кругом
- 2-3 раза нажимаем Uninstall
После этого возвращаемся на предыдущую страницу в раздел «index.html» и нажимаем на кнопку «Go live»
Мы попадаем на наш сайт и далее нам нужно попасть в консоль разработчика, для этого нам необходимо нажать «f12» и у нас откроется консоль, после чего мы нажимает кнопку «инспектор» (она выделена на скрине) и потом нажимаем на то фото, которое мы хотим заменить. После этого мы увидим путь данного фото (то как оно подписано в папке images). И нам для того чтобы поменять данное фото, необходимо заменить на то фото, которое мы хотим установить в папке images. Но важно, необходимо будет новое фото подписать также, как было подписано старое фото.
Как загрузить сайт на хостинг
Показывать будем на примера сайта для хостингов ukraine.com.ua.
Переходим в панель управления (до этого всего нужно купить на сайте хостинг и домен).
Переходим в раздел «Домены» и копируем название домена.
Далее переходим в раздел «Хостинг» и далее в «Мои сайты»
В дальнейшем нажимаем «Добавить сайт/поддомен»и добавляем то, что мы копировали и добавляем.
Переходим в раздел «Настройки SSL» там вы увидите что сайт подан на получения сертификата ( это чтобы при загрузке пользователю не отображалось что он попадает на подозрительный сайт.
Далее переходим в «Файл-менеджер»
В этом разделе через минут 15-20 у вас появится папка с вашим сайтом
Заходим в эту папку и нажимаем на папку «www» в которой будет документ index.html, нам его необходимо удалить
После чего вам необходимо на компьютере открыть папку с вашим сайтом и перетащить в папку «www»
Если вы заходите на свой сайт и видите, что он отображается подобными символами
То вам необходимо на хостинге зайти в раздел index.html и вставить код
<meta charset=»UTF-8″> , после этого сайт будет отображаться корректно
Все ваш сайт готов к запуску рекламы.
Вывод
В первые разы вам может быть тяжело проводить данный алгоритм действий и в дальнейшем будет легче. Также вы сможете легко продавать свои услуги по копированию лендосов или копировать только для себя и зарабатывать приятную монету.
Надеемся данная статья была полезна для вас, всем профита.
Читайте также: Как связать Instagram с Facebook в 2023 году
Читайте также: Как создать Business Manager в Facebook в 2023 году