Ни для кого не секрет, что партнёрские программы — это один из множества заработков в Интернете. Кто-то на этом делает деньги, кого-то эти ссылки раздражают, и найти золотую середину не так-то просто. Основным аргументом тех, кого раздражают реферальные ссылки, является то, что, мол, чего это я буду делиться с кем-то доходом или помогать кому-то зарабатывать?! И они не понимают, что кто-то всё равно заработает… и скорее всего это будет именно та система, чья партнёрская ссылка указана…А ведь можно было бы в качестве благодарности тому, кто прорекламировал Вам данный сервис и чьё объявление Вас заинтересовало, от дохода системы отдать какой-то мизерный процент… На да это личное дело каждого, речь в данном посте будет не об этом, а о золотой середине (-:

Золотая середина заключается в том, что потенциальный реферал думает, что кликает на обыкновенную ссылку, а на самом деле он осуществляет переход по партнёрской (-: И поможет нам в этом всё та же jQuery.

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

Для начала покажу простую реализацию при помощи javascript.

<a href=»http://www.site.com/?referrer=225″ onMouseOver=»window.status= ‘http://www.site.com’;
return true» onMouseOut=»window.status=»»>Партнёрская программа</a>

Что тут мы видим? Задано два события, когда курсор мыши над ссылкой и когда он её покидает. Иными словами, мы просто заменяем то, что пишется в статусбаре браузера по умолчанию тем, что надо нам (-:

Но у этого способа есть два очень неприятных ограничения:

1. Если Вы делаете обзор каких-то партнёрских программ и их достаточно много, то слишком много писать руками надо, а ещё больше это будет раздражать, когда надо будет внести какие-то изменения.
2. Это работает только в IE (-: В остальных браузерах всё так же будет отображаться реферальная ссылка.

Для обхода этих ограничений рекоммендую использовать следующий предлагаемый мною способ (-: Ссылка оформляется следующим образом:

<a href=»http://www.site.com/» class=»reflink» title=»http://www.site.com/?referrer=225″>Партнёрская программа</a>

Стоит обратить внимание, что в данном задании ссылки реферальный адрес указывается в атрибуте «title», а так же добавляется класс «reflink».

Остальное за нас сделает jQuery (-: Просто необходимо добавить следующий код:

<script type=»text/javascript» src=»jquery-1.3.2.js»></script>
<script type=»text/javascript»>
$(document).ready(function()
{
$(‘a.reflink’).click( function() {
window.open( $(this).attr(‘title’) );
return false;
});

});
</script>

Только и всего! (-: Когда пользователь будет нажимать на ссылку, то переходить он будет по реферальной, а не по прямой ссылке (-:

Я специально не собираюсь затрагивать в этой статье темы морали и нравственности, что, мол, нельзя обманывать, это плохо и всё такое… Каждый сам делает выбор для себя (-:

Апрель 3rd, 2009 by none | Комментариев нет

Я уже писал об одном варианте борьбы с воришками контента. Сегодня несколько более простой и более привлекательный способ (-: Но у этой лёгкости есть и обратная сторона: придётся использовать голову и руки, причём именно в этой последовательности (-:

Основная задумка состоит в том, чтобы использованием CSS убрать всю декорацию, которая выделяет ссылку в тексте страницы. Причём сделать это предельно просто:

<a href=»http://www.none.com.ua» style=»text-decoration:none; color:#000000; cursor:text;» title=»www.none.com.ua»>www.none.com.ua</a><br />

Что это мы делаем? А всё просто:

text-decoration:none;   — это мы убираем подчёркивание у ссылок

color:#000000;              -         устанавливаем чёрный цвет

cursor:text;                   -      меняем вид курсора на тот, как он выглядит, когда над обычным текстом

Однако это утомительно, каждый раз для каждой ссылки прописывать эти свойства. А лень, как известно, двигатель прогресса! (-:

Поэтому следующим, как может показаться, логичным способом вынести это в отдельный CSS-файл, в котором бы все эти свойства устанавливались бы. Делов-то, задали  «class» для ссылок и всё, красота! Однако не тут-то было… Без подключённого этого файла внешний вид нашей ссылки не поменяется… А вот копипастеры вряд ли будут ради Вас ещё и файл стилей сохранять (-:

Так Вам предлагаю ещё один способ (-: С использованием jQuery. Смысл состоит в том, что всё то же самое сделать при помощи javascript. И чтоб реализовать это необходимо написать неимоверное количество строк:  аж СЕМЬ! (((-: Всё это делает просто и элегантно, как и всё в jQuery:

<script type=»text/javascript» src=»jquery-1.3.2.js»></script>
<script type=»text/javascript»>
$(document).ready(function()
{
$(‘a.link’).css({‘text-decoration’ : ‘none’, ‘color’ : ‘#000000′, ‘cursor’ : ‘text’});
});
</script>
Вот и всё! Теперь все ссылки с классом «link» получат соответствующий набор стилей. Если злоумышленник выделит и скопирует текст со странички, а так большинство и делают, то он и Ваши ссылки любезно разместит у себя (-: Разве не этого мы с Вами добиваемся??

Апрель 1st, 2009 by none | Комментариев нет

Все, кто что-то создаёт в Интернете — пишет программы, статьи, руководства — сталкиваются с вечной проблемой: воровство. Воруют всё, что можно своровать, но чаще всего именно контент. Сидишь, что-то придумываешь, пишешь, стараешься, а потом кто-то просто берёт и передирает себе на сайт все твои труды. И ладно б прогнал через синонимайзер — было бы понятно, так ведь нет, просто копипастят без всяких угрызений совести! Ну своровал позаимствовал контент, да ну поставь сылочку на автора! И к тебе вопросов нет, и автору ссылочка как благодарность за работу, и претензий по интеллектуальной собственности нет. Все сразу счастливы!

Сегодня представляю вашему вниманию один из способов, который на суд общественности представили на сайте Daily SEO Tip. Я уже упоминал этот сайт, когда рассказывал о .htaccess файлах. Смыл очень простой: вставить в текст кучу ссылок на собственный сайт. Вы регистрируетесь на сайте tcr1.tynt.com, вам выдаётся соответствующий файлик  javascript. Теперь, когда злобный воришка пытается что-то у вас украсть, то после копирования у него в содержимом будет полно ссылок на ваш ресурс. Безусловно, что это не спасёт от удаления ссылок вручную, но всё-таки задаст некоторой головной боли этим копипастерам. А если учесть, что многие из них достаточно ленивы, то велика вероятность прироста ссылочной массы за счёт этих нерадивых воришек.

Вот такой вот симпатичный метод, может кому-то поможет. Если есть у кого ещё варианты — не стесняйтесь, делитесь (-:

Март 23rd, 2009 by none | 3 комментария

В предыдущей статье об этом редакторе я описал процесс инсталляции FCKeditor.

Сегодня ж я расскажу, как настроить внешний вид под свой дизайн. Это абсолютно не претендует на какую-то истину последней инстанции, это всего лишь некая компиляция того, что удалось узнать и настроить методом проб и ошибок (-:

Направляемся прямиком в папку fckeditor\editor\skins\default. Ищем там файл с замысловатым названием fck_editor.css. Вот в нём и будем делать все изменения по внешнему виду редактора. Итак, начнём (-:

Фон редактора… на самом деле почему-то выглядит только как граница:

body
{
padding: 1px;
margin: 0;
background-color: #FFCC00;
}

Изменение области, где находятся пиктограмки:

.TB_ToolbarSet, .TB_Expand, .TB_Collapse
{
cursor: default;
background-color: #FFCC00;
}

Дальше границы рабочей области:

#xEditingArea
{
border: #FF0000 1px solid;
}

Цвет разделителя между пиктограмами:

.TB_Separator
{
width: 1px;
height: 16px;
margin: 2px;
background-color: #999966;
}

А это цвет нажатой кнопки:

.TB_Button_On
{
border: #316ac5 1px solid;
background-color: #00FF00;
}

Цвет кнопки, когда указатель мышки находится над ней:

.TB_Button_On_Over, .TB_Button_Off_Over
{
border: #316ac5 1px solid;
background-color: #FFFF00;
}

Фон надписи в левом верхнем углу «Источник»:

.TB_Button_Off .TB_Button_Text
{
background-color: #00FF00;  /* Needed because of a bug on Clear Type */
}

А вот тут меняется фон надписей «Стиль», «Форматирование», «Шрифт», «Размер»

.SC_FieldCaption
{
overflow: visible;
padding-right: 5px;
padding-left: 5px;
opacity: 0.75; /* Safari, Opera and Mozilla */
filter: alpha(opacity=70); /* IE */ /* -moz-opacity: 0.75; Mozilla (Old) */
height: 23px;
background-color: #FF9900;
}

Теперь ещё несколько штрихов. Кроме цвета есть ещё и размеры (-:

Так вот… чтоб задать размеры рабочей области (все примеры приводятся для javascript):

oFCKeditor.Width = «300″ ; // 300 пикселей

oFCKeditor.Height = «100%» ; // 100 процентов

Так же можно задать сообщение, которое будет в окне редактора после его создания:

oFCKeditor.Value = «<h1>Тест FCKeditor</h1> Это всего лишь тест (-:.» ;

А на последок можно ещё добавить проверку поддержки браузером классов FCKeditor:

oFCKeditor.CheckBrowser = true ;

И запрет вывода ошибок, чтоб не раздражало:

oFCKeditor.DisplayErrors = false ;

Теперь, так сказать, локализация:

oFCKeditor.Config[ "AutoDetectLanguage" ] = false ;
oFCKeditor.Config[ "DefaultLanguage" ] = «ru-RU» ;

Ну вот, пожалуй, и хватит (-: Думаю, что этого перечня настроек вполне хватит для подгона внешнего вида редактора под цветовую гамму вашего дизайна (-:

В одной из следующих публикаций расскажу, как установить и настроить TinyMCE.

Март 18th, 2009 by none | 3 комментария

Сегодня я расскажу, как установить и настроить данный редактор. FCKeditor — это бесплатный, свободно распространяемый WYSIWYG редактор. По-большому счёту, вся необходимая информация присутствует в полном объёме на сайте, однако там порой приходится очень много прочитать страниц, чтобы найти что-то именно нужное.

На данный момент стабильная версия редактора — 2.6.4. Просто идём  раздел «Download» и скачиваем удобный для нас формат распространения: *.zip или *tar.gz.

Для того, чтобы начать использовать редактор, его просто необходимо подключить к страницам своего проекта. Существует реализации почти для десятка языков программирования, но я хочу остановиться на двух: php и javascript.

Для начала о реализации на php.

1.  Подключаем необходимый файл:

<?php
include_once("fckeditor/fckeditor.php") ;
?>
2. Теперь мы уже можем использовать редактор. Для этого просто добавляем
следующий код внутри <FORM>:
<?php
$oFCKeditor = new FCKeditor('FCKeditor1') ;
$oFCKeditor->BasePath = '/fckeditor/' ;
$oFCKeditor->Value = '<p>This is some <strong>sample text</strong>.
You are using <a href="http://www.fckeditor.net/">FCKeditor</a>.</p>' ;
$oFCKeditor->Create() ;
?>
3. Вот и всё. Ниже код полностью:
<?php
include_once("fckeditor/fckeditor.php") ;
?>
<html>
<head>
  <title>FCKeditor - Sample</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
  <form action="sampleposteddata.php" method="post" target="_blank">
<?php
$oFCKeditor = new FCKeditor('FCKeditor1') ;
$oFCKeditor->BasePath = '/fckeditor/' ;
$oFCKeditor->Value = '<p>Тут что-то написать</p>' ;
$oFCKeditor->Create() ;
?>
    <br>
    <input type="submit" value="Submit">
  </form>
</body>
</html>

Тааак... теперь всё то же самое реализуем при помощи javascript:
1. Опять же для начала необходимо подключить соответствующий файл:
<script type="text/javascript" src="fckeditor/fckeditor.js"></script>

2. Использовать можно разными способам:
а) включить следующий код внутри используемой формы:
<script type="text/javascript">
var oFCKeditor = new FCKeditor('FCKeditor1');
oFCKeditor.BasePath = "/fckeditor/";
oFCKeditor.Create();
</script>

б) Между тегами <HEAD> и </HEAD> необходимо поместить следующий код:
<script type="text/javascript">
window.onload = function()
{
var oFCKeditor = new FCKeditor( 'MyTextarea' ) ;
oFCKeditor.BasePath = "/fckeditor/" ;
oFCKeditor.ReplaceTextarea() ;
}
</script>

Т.е. при создании странички будет создано окно редактора.
Однако в теле страницы <BODY> необходимо разместить область <TEXTAREA>
с именем "MyTextarea":

<textarea id="MyTextarea" name="MyTextarea">Пишем тут.</textarea>

в) если вы используете технологию AJAX, то процесс создания окна редактора
несколько иной:
var div = document.getElementById("myFCKeditor");
var fck = new FCKeditor("myFCKeditor");
div.innerHTML = fck.CreateHtml();

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

Март 17th, 2009 by none | 12 комментариев