HTML | Кирилл Павлюков
Мар 10

Многие мои друзья и знакомые, которым я рассказываю о том, сколько мы зарабатываем на Интернет-рекламе, с завистью в голосе говорят, что, мол, надо и себе попробовать. Я им всем отвечаю: «Делай!», но почему-то никто этому совету не следует.

Кто-то «отмазывается» нехваткой времени (хотя при этом фактически сидит без постоянной работы), кто-то отсутствием знаний: «Это ж надо HTML выучить…»

Под катом – пара моих бесплатных советов для желающих зарабатывать в сети. Первую отмазку я оставлю на совести тех людей, которые её произносят. Время всегда можно найти, если покопаться в своем распорядке дня. Тем более, что для первых шагов в Интернете хватит и 15 минут в день. 15 минут должно быть достаточно, чтобы написать полезную для посетителей заметку в блог. А на блоге можно уже заработать несколько десятков зеленых в месяц. Не много, но и Москва не сразу стала душным мегаполисом с постоянными пробками. Заработанное можно инвестировать в какой-нибудь другой проект, и таким образом преумножить доход.

Вторая отмазка глупа вдвойне.

Во-первых, что в этом HTML сложного? Ни-че-го! Запомнить десяток частоиспользуемых тегов под силу трехлетнему ребенку. Было бы желание.

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

Во-вторых, сделать сайт самому не просто, а мегапросто. Если взять пример с блогом, то его можно создать и на каком-нибудь блог-хостинге (например, на Блоггере). Другой вариант – использовать готовый движок для блога. Несмотря на то, что я знаю и HTML, и PHP и еще кучу всего остального, мой блог сделан на самом обычном Вордпресе, и даже шаблон оформления я тоже скачал готовый не помню уже с какого сайта. Для более глобальных проектов, чем блог тоже существуют уже готовые движки и готовые шаблоны, а в сети есть огромное множество пошаговых руководств по их установке на хостинг и настройке.

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

Подводя черту, повторю мысль из заголовка: хотите зарабатывать – работайте! Деньги в Интернете есть, но от одного только желания они ни в кошелек Webmoney ни на пластиковую карточку не падают.

Share

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

Сен 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

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