В этой статье я расскажу, как можно перенаправить пользователя с одной веб-страницы на другую с помощью JavaScript . А также приведу несколько простых примеров JS редиректа .
Вы можете перенаправлять пользователя с одной веб-страницы на любую другую несколькими способами. В том числе с помощью обновления мета-данных HTML , перенаправления на стороне сервера. Например, используя файл .htaccess , PHP , и с помощью перенаправления на стороне клиента через JavaScript .
Но учтите, что неожиданные перенаправления, которые происходят в середине другого действия, раздражают посетителей. Поэтому использовать редирект нужно только, если это действительно необходимо и в том случае, если это будет иметь смысл с точки зрения пользователя.
Давайте рассмотрим, как можно использовать JavaScript для перенаправления пользователя на другую страницу.
Автоматическое JavaScript-перенаправление на другую страницуЕсли нужно автоматически перенаправить пользователя с одной страницы (URL1 ) на другую страницу (URL2 ), можно использовать следующий код:
window.location.href = "URL2";
Необходимо вставить приведенный выше код на первую страницу (URL1 ). Замените URL2 на нужный адрес страницы. Лучше поместить этот код внутри элемента (а не в нижней части страницы ), чтобы страница перенаправлялась до того, как браузер начинает ее отображать.
СОВЕТ: Если вы используете встроенный JavaScript (т.е. без внешнего файла.js), не забудьте поместить код JavaScript в теги .
Перенаправление на другую страницу через X секундВ этом примере мы будем осуществлять js редирект на другую страницу через некоторое время после загрузки страницы. Например, если нужно перенаправить посетителя на главную страницу после отображения страницы приветствия в течение 5 секунд:
setTimeout(function(){ window.location.href = "homepage-url"; }, 5 * 1000);
Необходимо вставить приведенный код JavaScript на странице приветствия. Не забудьте заменить homepage-url на URL-адрес домашней страницы.
Мы использовали метод setTimeout , чтобы указать скрипту выполнить перенаправление через 5 секунд (умножаем 5 на 1000, чтобы преобразовать секунды в миллисекунды ).
СОВЕТ: В JavaScript значения времени всегда рассчитываются в миллисекундах.
Перенаправление на другую страницу, исходя из условияНапример, можно выполнить перенаправление в зависимости от браузера посетителя (хотя это не рекомендуется ), размера экрана, времени суток, или другого условия.
Используйте следующий код для перенаправления посетителей, которые удовлетворяют определенному условию:
if (CONDITION) { window.location.href = "redirect-url"; }
Например, этот код перенаправляет посетителей на другую страницу, если ширина их экрана меньше 600 пикселов:
if (screen.width < 600) { window.location.href = "redirect-url"; }
Перенаправление на другую страницу на основе действий пользователяПоследний пример демонстрирует, как перенаправить посетителя, основываясь на его действиях. Вы можете привязать js редирект к любому типу действия пользователя. В данном примере для простоты мы будем обрабатывать нажатие кнопки.
Следующий код будет перенаправлять посетителя на целевую страницу после нажатия на #mybutton :
document.getElementById("mybutton").onclick = function() { window.location.href = "redirect-url"; };
Можно сделать то же самое, используя следующий код:
Go to Homepage
Также можно связать перенаправление с любым событием или действием пользователя. Только не забудьте удостовериться, что ваши редиректы не вызовут разочарования пользователей.
Редирект (от англ. redirect – переориентировать) – это переадресация страницы сайта на какую-то другую страницу или другой сайт. Редирект можно сделать различными способами, основные из которых и будут здесь рассмотрены., а именно redirect на php , javascript , редирект при помощи html и при помощи файла htaccess .
Среди перечисленных способов, наиболее актуальными являются php redirect и редирект при помощи.htaccess . Дело в том, что именно эти способы позволяют не только переадресовать страницу, но и вернуть специальную 301 ошибку (301 Permament Redirect). Для чего же это нужно? А нужно это для поисковых систем.
Допустим у нас был раскрученный сайт с большим числом посетителей. Затем сайт был перемещён на новый домен. Поисковая система его ещё не знает. 301 редирект позволяет как бы “склеить” старый и новый адрес, сохранив при этом все те элементы оптимизации, которые были сделаны для этого сайта, тем самым сохранив посещаемость и аудиторию самого сайта.
А теперь рассмотрим все перечисленные варианты редиректов, и начнём с редиректа на php.
PHP redirect (301)Редирект на php, как и на других языках программирования, основан на спецификации протокола HTTP, а именно отправки необходимых заголовков. Как это работает? Довольно просто. Каждый раз, когда мы обращаемся к какой-то странице интернета, мы получаем HTTP ответ от сервера, который содержит заголовки (header) и тело (body). В теле ответа
Редирект HTMLВ языке разметки HTML есть специальный мета-тег, предназначенный для переадресации.
Изменяется только поле content, где указывается количество секунд до переадресации и собственно ссылка, куда будет производиться редирект. Думаю не стоит говорить, что тег помещается в html-код между тегами head.
Редирект JavaScriptПожалуй самый ненадёжный редирект, поскольку пользователь всегда может отключить javascript в браузере. Делается это, правда, нечасто, поэтому способ имеет право на существование.
function reload() {location = "http://site.com"}; setTimeout("reload()", 0);
В данном коде создаётся функция с переадресацией на нужную страницу, а затем вызывается в функции setTimeout, что позволяет произвести переадресацию спустя необходимое время.
Редирект htaccess (301)Файл.htaccess – это служебный файл с различными дополнительными настройками сервера Apache. Размещается он вручную, в нашем случае, в корне сайта. С его помощью можно устраивать 301 редиректы, однако для этого в Апаче должны быть включены необходимые модули.
Использование директив модуля mod_aliasВ данном модуле существуют три директивы: Redirect, RedirectPermanent и RedirectMatch. Первые две вроде как идентичны по своим свойства, третья идёт особняком. Для первых двух пример:
Redirect 301 / http://site.com
Redirect permanent /index.html http://site.com
RedirectPermanent /index.html http://site.com/default.html
Строчки схожи. Но вроде как существует один минус – чтобы перенаправить все страницы, нужно их все и будет указать в списке. Чтобы как-то облегчить задачу, существует та другая директива:
RedirectMatch /(.*)\.html$ /$1.php
Можно задавать регулярные выражения для переадресации со старого урла на новый.
Использование директив модуля mod_rewriteЧтобы не было двоякочтения одних и тех же страниц у поисковиков, иногда нужно переправить все адреса с домена без www на домен с www. Например,
#включаем модуль и необходимую доп.опцию
RewriteEngine On
Options +FollowSymLinks
#две строки для переадресации от "без ввв" к "с ввв"
RewriteCond %{HTTP_HOST} ^site.com
RewriteRule (.*) http://www.site.com/$1
Если вас всё ещё мучает вопрос, на чём же остановить свой выбор (конечно мучает, тисками и ножницами – прим.ред. ), то пора перестать мучиться (да что вы говорите! – прим.ред. ). Останавливаем взор на редиректе php (или другого языка программирования, которые здесь не были рассмотрены, например Perl) и редиректе при помощи файла.htaccess, поскольку именно они позволяют перенести сайт без всяких потерь для оптимизации в поисковых системах. Если оно не важно, то тогда подойдёт любой метод. И собственно на этой заключительной ноте (соль? ля? си? – прим.ред. ) я и заканчиваю этот пост.
Является одним из трех китов русскоязычной контекстной рекламы на ряду с Яндекс Директ и Google Adwords. Однако принципы его работы отличаются от принципов работы его основных конкурентов.
Все дело в том, что доля объявлений, которые транслируются в поисковых системах, на Бегуне очень мала. Объявления Бегуна транслируются только на поиске Рамблера, количество пользователей которого совершенно незначительно по сравнению с аудиторией основных поисковых систем.
Подавляющее большинство объявлений Бегуна транслируются на сайтах его партнерской сети, и это оказывает сильное влияние на порядок модерирования объявлений в Бегуне и на стратегию работы с этой системой контекстной рекламы.
При настройке рекламных кампаний в Директе или в Adwords пользователь ориентируется на поисковые запросы и составляет каждое объявление под конкретный запрос или группу запросов. При этом пользователь крайне заинтересован в высокой кликабельности по объявлению, так как объявления, по которым часто кликают, транслируются за меньшую цену.
Высокая кликабельность по объявлению не редко достигается с помощью использования так называемых объявлений-«загадок» или «дразнилок», тоесть объявлений, работающих по принципу.
Такая стратегия работы довольно эффективна на поисковом трафике, так как интересы пользователей поисковых систем очевидны и определяются поисковыми запросами, которые они вводят. Однако для непоискового трафика такая стратегия работы совершенно не подходит.
Многие маркетологи, которые умеют создавать успешные рекламные кампании в Яндекс Директ и Google Adwords, переходя на Бегун, в большинстве случаев сливают рекламный бюджет впустую, в результате чего рунет заполнен негативными отзывами о трафике с Бегуна. Хотя на самом деле причина неудач кроется в использовании на непоисковом трафике стратегий, эффективных только на поисковом.
При составлении объявлений для Бегуна, коммерческое предложение должно быть сформулировано в нем предельно ясно. Только такой подход помогает отсечь нецелевую аудиторию и обеспечить показ объявлений на тематических площадках. Несоблюдение этого простого правила гарантирует провал рекламной кампании и слив денег впустую.
Второй важный момент: количество рекламных площадок в Бегуне неравномерно по разным тематикам и к тому же изменяется со временем. Поэтому даже хорошее объявление, составленное под Бегун, может оказаться неэффективным, если оно будет показываться на нетематических сайтах в силу отсутствия тематических.
Однако, не смотря на эти недостатки, Бегун все равно является эффективным инструментом для по следующим причинам:
1. Низкая конкурентность. Самые лучшие возможности для получения прибыли в онлайн бизнесе находятся там, где сложно работать и низкая конкуренция. Рекламные кампании под Бегун настраивать сложнее, чем под Директ или Adwords, и результат их менее предсказуем. Из-за этого многие профессиональные маркетологи предпочитают работать с Яндекс Директом и Google Adwords.
2. У Бегуна хорошая система античита, соответствующая самым высоким стандартам.
Сочетание этих двух факторов позволяет опытным маркетологам покупать на Бегуне качественный трафик по низкой цене для пиара коммерческих услуг или продукции, а также для арбитража трафика на партнерских программах. Об этом свидетельствует и годовой оборот Бегуна, который в 2009-м году составил 1,10 млрд. рублей и превысил оборот Google Adwords, не смотря на то, что объявления Google Adwords транслировались на поиске Google.
Это очень серьезный результат, который свидетельствует об эффективной маркетинговой политике Бегуна. Люди не стали бы тратить такие деньги на рекламные кампании, если бы они были неэффективны.
Бегун, как средство арбитража трафика идеально подходит для людей, которые склонны анализировать, экспериментировать и искать наиболее эффективные решения.
