Фрейм сайта — что это такое и как сделать фрейм быстро

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

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

Что такое фрейм?

Давайте для начала разберёмся, что же такое фрейм.

Озвучу вам описание фрейма так, как написано в Векипедии:

Фрейм (от англ. frame — рамка) — отдельный, законченный HTML-документ, который вместе с другими HTML-документами может быть отображён в окне браузера.

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

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

Как выглядит фреймовый сайт

 

Например, я сделала фреймовый сайт по партнерской ссылке на обучающую программу Евгения Вергуса (смотрите на ссылку ниже).

http://lp.verangel.ru/matricavergus, где lp.verangel – мой домен, а matricavergus – это название файла на хостинге.

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

Для чего нужен фреймовый сайт

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

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

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

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

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

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

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

Вот пример такого кода (смотрите скрин ниже):

код фрейма пример

Скачать этот html код вы можете здесь

Далее, после того, как вы скачали html код, вы должны его открыть с помощью одного текстового редактора, который называется Notepad++.

Скачать Notepad++ бесплатно вы можете на этом сайте.

Кстати, в файл с кодом вы можете вставлять также код ретаргетинга перед тегом </head>, чтобы отслеживать всех посетителей сайта и в дальнейшем делать рекламу на свою целевую аудиторию (смотрите скриншот ниже):

код ретаргетинга во фрейме

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

Итак, вы скачали html код фрейма и текстовый редактор Notepad++. Далее вам нужно проделать некоторые действия.

Пошаговая настройка фрейма

 

Создайте на рабочем столе отдельную папочку под названием «Фреймы». В неё поместите файл с html кодом и отдельную папочку с партнерскими сайтами. У меня выглядит это так (смотрите на скриншоте ниже):

моя папка с фреймовыми сайтами

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

папка код фрейма

В папке «Фреймы» у вас также будут находиться папки с готовыми файлами, которые нужно будет просто закидывать на хостинг. Вы можете им дать нужные названия, чтобы не путаться. Смотрите, как это сделано у меня на скриншоте ниже:

папка с готовыми партнерскими фреймовыми сайтами

Чтобы создать новый фреймовый сайт, вам нужно будет сначала создать папку с названием партнерского инфопродукта. Например, курс «Бизнес на диване». И в эту папку вы помещаете пустой файл с html кодом, который вы скачали выше в этой статье и сохранили в своей папке (смотрите скриншот ниже):

файл с html кодом в папке партнерского инфопродукта

После того, как вы поместили в папку с названием партнерского инфопродукта пустой файл с html кодом, этот файл вы открываете с помощью текстового редактора Notepad++, который вы также скачали в этой статье чуть выше (ссылка выше в статье). Вы нажимаете на этот пустой файл index.html, кликаете по нему правой кнопкой мыши и перед вами выпадает меню, где сверху у вас появляется программка Notepad++ (смотрите скриншот ниже как это выглядит):

редактор нотепад в меню

После того, как вы нажали в меню на Notepad++, перед вами появляется сам html код, где вам нужно будет добавить партнерскую ссылку, прописать название партнерского инфопродукта и всё это сохранить, нажав на значок дискеты. Вот как это выглядит – смотрите ниже на скриншоте:

изменение файла с html кодом фрейма в нотепад

Теперь у вас готов ваш файлик и вам сейчас нужно будет поместить на ваш хостинг. Я на сегодняшний день пользуюсь хостингом Leohost. Это очень удобный и качественный хостинг с отличной тех. поддержкой и возможностью создавать на нём домены. Я им пользуюсь уже 2 года и я им очень довольна. Поэтому, если вы не знаете где найти хороший хостинг, то можете зарегистрироваться на хостинге Leohost и им тоже пользоваться. Если вы не знаете, что такое хостинг и зачем он нужен, можете прочитать в этой статье.

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

Жмите здесь, чтобы зарегистрироваться на хостинге Leohost

Схема переноса фрейма сайта на хостинг

Я сейчас разберу схему переноса файла с html кодом на хостинг на примере с хостингом Leohost.

Итак, при регистрации на хостинге вы заполняете все необходимые данные и нажимаете на «Регистрация». После этого, вам на почту придет логин и пароль для входа на хостинг. После входа на хостинг Leohost, вы попадаете на главную страницу и нажимаете на левой панели «Виртуальный хостинг» (смотрите на скриншоте ниже):

виртуальный хостинг в панели хостинга

Теперь вы попали на страницу, где вам нужно нажать на строчку, где указан ваш бесплатный хостинг и на кнопку сверху «Перейти» (смотрите скриншот ниже):

кнопка перейти на хостинге леохост

После этого вы попадаете в ISP manager, где вы будете управлять своими доменами и файлами. Именно туда мы с вами будем добавлять наш файлик с html кодом. Для этого у вас должен быть свой домен, который вы должны добавить на этот хостинг или купить на этом хостинге. Если вы будете перемещать свой домен на хостинг, то вы должны прописать DNS сервера хостинга Leohost на вашем сайте-регистраторе, на котором вы покупали свой домен. Я их укажу ниже.

DNS сервера хостинга Leohost:

ns1.leohost.pro

ns2.leohost.pro

Также и при покупке домена на хостинге Leohost нужно будет также прописать эти DNS сервера.

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

Итак, продолжаем. После того, как вы перешли в ISP manager, вы нажимаете на вкладку на левой панели «Менеджер файлов», где у вас появятся все ваши сайты (смотрите скриншот ниже):

менеджер файлов на хостинге леохост

Далее вы нажимаете на папку «WWW» — корневую папку сайта (смотрите скриншот ниже):

папка www на хостинге леохост

Перед вами отобразится ваш домен (сайт) или несколько сайтов, как у меня (смотрите скриншот ниже):

мои сайты на хостинге леохост

Здесь вы выбираете нужный вам домен (сайт), в который вы будете встраивать свой фреймовый сайт. У меня это мой поддомен lp.verangel.ru. У вас здесь будет пусто, если вы не покупали здесь домены и не перемещали сюда свои домены. Чтобы здесь появились ваши сайты, вам нужно будет на этом хостинге купить домен. Если вы не знаете, как это делать, прочитайте эту статью, где я рассказываю, как это сделать на хостинге с такой же панелью.

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

**

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

Итак, вы нажимаете кнопку «Создать» (смотрите скриншот ниже):

мои фреймовые сайты на хостинге леохост

Далее у вас появится страница, где в выпадающем меню вы выбираете слово «Каталог». Дальше вы пишите название вашего продвигаемого инфопродукта на латинском языке в поле «Название» и нажимаете кнопку «ОК» (смотрите скриншот ниже):

создание каталога на хостинге леохост

Теперь в вашей папке «Менеджер файлов» появится данный каталог. После того, как вы его найдете, нажмите на него 2 раза, и он откроется. После того, как вы на него нажали, внутри каталога вы нажимаете на кнопку «Закачать», которая находится чуть выше (смотрите скриншот ниже):

кнопка закачать на хостинге леохост

Далее вы нажимаете на кнопку «Выберите файл» и находите файл с измененным html кодом и нажимаете «ОК» (смотрите скриншот ниже):

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

Теперь в вашем каталоге появится файл, который называется index.html (смотрите скриншот):

файл index.html на хостинге леохост

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

Теперь завершающий момент! Теперь вам надо проверить, работает ли фреймовый сайт на вашем домене. Для этого вы копируете строчку с названием сайта до знака (/), вставляете в строку браузера и нажимаете на клавиатуре «ENTER» (смотрите скриншот):

скопировать адрес фреймового сайта

И вот что у нас получается (смотрите скриншот):

готовый фреймовый сайт

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

С первого раза вам покажется это очень долгой и трудной процедурой. Но с каждым разом это у вас будет уже получатся всё быстрее и быстрее. Я сейчас делаю фреймовый сайт за 2 минуты. Хотя когда-то у меня на это уходил где-то час 🙂

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

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

Не забудьте, скачать мою бесплатную pdf инструкцию «5 шагов до первых денег на партнерках». Там я рассказываю о своём опыте заработка на партнерских программах и делюсь очень важными фишками. Благодаря подробной пошаговой инструкции вы сможете заработать свои первые деньги на партнерках и превратить это в прибыльный инфобизнес.

Желаю вам успехов и больших чеков!

С любовью, Вера Ангел

 

Комментарии 5

  • Здравствуйте, Вера! Очень хорошая статья — понятная, но и тут у меня не получается получить код фрейма — он у меня скачивается вот так: http://joxi.ru/82Q98anijM8z52 и не открывается.
    Помогите!

  • Вера, я все снова просмотрела и все получилось .Спасибо за статью!

  • Вера. здравствуйте! Я рекламирую бесплатную школу «Я Блогер» Е.Вергуса, в РСЯ.
    На хостинг offerhost я закачала папку ya-blogger, в нее мне нужно закачать папку rsya c 34 файлами фрейма на каждое объявление. Как это сделать? Можно ли закачать целиком папку rsya c файлами или закачать папку rsya, а в нее отдельно каждый файл закачивать?
    Да, мой фреймовый сайт 35553.ru
    Я так понимаю: www/35553.ru/ya-blogger/rsya/r/1-34/
    файлы (1-34) есть пропущенные

    Заранее, благодарю!

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

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