Makag

Adult webmaster in Social Media - Tips & Tricks

Четыре варианта редиректа: Java Script, html, php и htaccess

Четыре варианта редиректа (перенаправления) пользователей, наглядно и с примерами.



1. Редирект через Java Script — будет работать только если у пользователя включена поддержка JS на устройстве. Не парьтесь, процент пользователей без JS ничтожно мал. Если желаете проверить, насколько это не комфортно — просто отключите у себя в браузере JS на один день.

Код работающего редиректа:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<meta http-equiv="Content-Type" 
content="text/html;charset=UTF-8">
<head>
</head>
<body>
<script language="JavaScript" type="text/javascript">
<!-- 
location="http://url4trafic.ru" 
//--> 
</script>
 </body>
</html>


2. Html редирект

Данный пример перенаправляет пользователя по нужному адресу с задержкой в 1 секунду.

<head>
<meta http-equiv="refresh" content="1;URL=http://url4trafic.ru" />
</head>


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

3. Редирект на php

Просто и со вкусом, файл с расширением .php с таким содержанием:

<?php
header('Location: http://url4trafic.ru');
exit;
?>


4. Редирект через .htaccess

Redirect / http://url4trafic.ru


При перенаправлении трафика из социальных сетей в общих случаях наиболее актуален вариант из примера №1, с небольшим дополнением — а именно — с использованием ogp разметки. Чтоб было немного понятней — разметка Open Graph это протокол разметки контента страницы для отправки её содержимого в социальные сети. При публикации ссылки в социальную сеть вы можете «вручную» указать какие картинку-миниатюру и описание отображать.

Работающий пример (возможны неточности и недочёты, но оно таки работает:)

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<meta http-equiv="Content-Type" 
content="text/html;charset=UTF-8">
<html prefix="og: http://ogp.me/ns#">
<head>
 <meta name="description" content="Описание страницы">
 <title>Заголовок страницы</title>
<meta property="og:image" content="http://path2image.ru/image.jpg" />  
  </head>
<body>
<script language="JavaScript" type="text/javascript">
<!-- 
location="http://url4trafic.ru" 
//--> 
</script>
 </body>
</html>


Как это выглядит при публикации вКонакте:



Краткий разбор моментов:
<html prefix="og: http://ogp.me/ns#">
указывает что будет использоваться разметка Open Graph
<meta name="description" content="Описание страницы">
— заполняем заманчивое описание — в примере выше это «Джон Сина назвал дату своего возвращения»
<title>Заголовок страницы</title>
— интригующий заголовок — в примере выше это «Джон Сина возвращается к выступлениям — Новости реслинга WWE»
<meta property="og:image" content="http://path2image.ru/image.jpg" />
— это путь к изображению, которое будет загружаться — в примере выше этот тот самые мужик в синей майке.
Чтобы ссылка получилась красивой и большой — изображение изначально должно быть достаточных размеров. Для вКонтакте например, это больше 537x240 пикселей. Лучше — больше.

location="http://url4trafic.ru"
— это как вы уже догадались url, куда мы будем отправлять пользователя.

0 комментариев