HTML | Кирилл Павлюков
Сен 09

Недавно на нашем основном сайте упала посещаемость. При этом поток с поисковых систем был на прежнем уровне, а количество посетителей с новостных информеров пошло вниз. Сверив статистику, мы были удивлены, что одному из партнеров мы отдавали в день около 300-500 посетителей, что, в принципе, очень мало.
Учитывая то, что недавно этот партнер (якобы случайно) нарушил достигнутые между нами договоренности, нам присланная статистика показалась заниженной. Я начал думать, как можно посчитать количество переходов, если информер – это яваскрипт, который отрабатывается на стороне клиента.

И в этом на помощь пришел jQuery!
Несколько строк кода – и переходы по внешним ссылкам считаются нашим сервером!

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
// подключаем jQuery
<script src="http://code.jquery.com/jquery-latest.js"></script>
// подключаем класс для работы с base64
<script src="http://www.zavtra.com.ua/jscripts/base64.js"></script>
 
<script>
// при загрузке документа...
$(document).ready(function(){
// получить массив все ссылки, которые содержат текст "xxx.yyy" в аттрибуте href
var x= $("a[href*='xxx.yyy']");
// для каждой найденной ссылки...
jQuery.each(x, function() {
  // url - это старый адрес закодированный по Base64
  url = Base64.encode($(this).attr("href"));
  // назначаем новый аттрибут href: адрес PHP-скрипта на нашем сервере,
  // и в качестве строки запроса - полученный в прошлой строке урл
  $(this).attr("href", "http://www.zavtra.com.ua/go2un.php?" + url);
});

});
</script>

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

Share

Автор: Кирилл Павлюков \\ Метки: , , , ,

Ноя 13

Признаться, сложного в этом нет ничего. Но, к примеру, редактор нашего сайта этого не умеет. Поэтому изначально заметку на эту тему изначально я планировал написать именно для него. Но потом проверил статистику Яндекса, я пришел к выводу, что 368 человек в месяц пытаются найти что-то по запросу «вставить ссылку». Пусть это и не большая аудитория, но мне будет приятно, если хоть кому-нибудь эта заметка пригодится.

Итак, для начала давайте разберемся, каким образом можно вообще вставить ссылку на странице.

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

КСТАТИ
Не забывайте, что имена файлов, выкладываемых в Интернет чаще всего чувствительны к регистру. Поэтому для сервера Foto.JPG и foto.jpg – абсолютно разные файлы. К тому же по правилам языка HTML (если говорить весьма упрощенно) все русские символы адреса и пробелы должны заменяться соответствующими им кодами (например пробел должен быть заменен на %20). Чтобы упростить себе жизнь и не портить нервы, лучше используйте в названиях файлов только английские буквы, цифры, дефис и нижнее подчеркивание.
И еще. Не забывайте о том, что если ссылка ссылается на файл, то его имя обязательно должно заканчиваться расширением (например, .mp3 или .jpg)

Второй вариант – это вставлять ссылку непосредственно в HTML-код страницы. Для этой цели служит HTML-тег <a>. В самом простом варианте ссылка должны выглядеть так:

<a href=»адрес_ссылки»>текст ссылки</a>

, где адрес_ссылки - это адрес, по которому пользователь будет перенаправлен, кликнув по ссылке, а текст ссылки - это, собственно, текст, который отобразится на странице.

КСТАТИ
Адреса ссылок могут быть абсолютными или относительными. Абсолютный (или полный) адрес выглядит так: http://www-reestr-zalogov.ru/files/testImage.jpg. То есть, он включает в себя кроме имени файла еще и протокол (в приведенном примере – http) и имя сервера.
Но если ссылаться на страничку или файл, находящийся на этом же сервере, то можно использовать относительные адреса. Тогда приведенный выше адрес ссылки можно было бы сократить до такого: /files/testImage.jpg. Ну, а если бы страница, в которую вы вставляете ссылку, находилась бы в той же папке (в примере – files/), тогда в роли адреса выступало бы только имя файла – testImage.jpg

И третий вариант – использование так называемых BB-кодов. Использование BB-кодов не сильно отличается от HTML, поэтому я просто ограничусь примерами:

[url]адрес_ссылки[/url]
[url=адрес_ссылки]текст ссылки[/url]

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

Вставляйте ссылки грамотно!
Успехов!

Share

Автор: Кирилл Павлюков \\ Метки: ,