Digital Маркетинг

Как копировать одностраничный сайт

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

Да эту задач можно решить за 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>», который выделен на скрине

Как установить Pixel на одностраничный сайт

Также в файле «index.html» мы устанавливаем событие «PageView» (выделено белым где это делать), а в файле «thanks.html» мы устанавливаем событие «Lead» или «Purchase» и обязательно с большой буквы.

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

Как установить Pixel на одностраничный сайт

И в конце вам нужно будет установить в код id вашего pixel с рекламного кабинет,на фото выделили места где это нужно сделать.

Как установить Pixel на одностраничный сайт

Для проверки правильности установки пикселя мы скачиваем приложение Meta Pixel Helper и если вы правильно все установили, то увидите такую галочку

Как установить Pixel на одностраничный сайт

Как изменить фото на одностраничном сайте

Для этого возвращаемся в нашу программу 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 году

Vlad Borisov

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

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Back to top button