Совмещаем партнёрки и увеличиваем прибыль

Постановка задачи: Имеется VK Messenger от Wizard Banners

Проблема: Выкупают в основном только RU трафик. Но это проблема всех таких партнёрок. А что делать с другим трафиком и как его монетизировать?

Решение:

Настройка партнёрок.

1. Берём крупную тизерную сеть, в которой есть выкуп всех стран, например, TeaserNet

2. Создаём новый блок с размером 1x1:

Сохраняем.

3. Заходим на Wizard Banners в профиль. И в код заглушки пишем:

var burjs=1;

Отлично!!! С настройками партнёрок мы закончили, теперь приступим к созданию своего блока «с блэкджеком и …» в виде слайдера.

Теперь настраиваем сайт:

1. Подключаем Jquery и jCarousel Lite

2. В подключённый JS или даже в сам файл с Jquery в самый конец кидаем код:

var burjs=1; //Для теста выставлено 1, для рабочего режима переключить в 0

$(function(){

						

			

if ($('#article_content').length){

var showLeftAdv = false;

var heightLeftAdv = $('#article_content').height()/4 + $('#article_content').position().top;

var LeftAdvWidth = $('#lb-content').width()+21;

var doShowLeftAdv = true;

$(window).scroll(function(){

if (burjs==1){

if ( doShowLeftAdv === true ){

if ( $(window).scrollTop() > heightLeftAdv ){

if ( showLeftAdv === false ){

$('#left-slide').animate({left:'0px'}, 800);

showLeftAdv = true;

}

}else{

if ( showLeftAdv === true ){

$('#left-slide').animate({left:'-'+LeftAdvWidth+'px'}, 800);

showLeftAdv = false;

}

}

}

}

});

$('#lb-close').click(function(){

doShowLeftAdv = false;

showLeftAdv = false;

$('#left-slide').animate({left:'-'+LeftAdvWidth+'px'}, 800);

});

}

$("#clicktags").click(function () {

$("#alltags").show(500);

$('#clicktags').remove();

});



    $( '.ticker' ).jCarouselLite(

    {

        vertical: true,

        visible:  10,

        auto:     3000,

        speed:    1000

    });





});

3. В CSS сайта прописываем стили нашего блока:

/** left-slide */

#left-slide {

	position:fixed;

	bottom:30px;

	left:-250px;

	overflow:hidden;

	z-index:999;

		-webkit-box-shadow: 0px 0px 10px #000;

		-moz-box-shadow: 0px 0px 10px #000;

		box-shadow: 0px 0px 10px #000;

		-webkit-border-top-right-radius: 5px;

		-webkit-border-bottom-right-radius: 5px;

		-moz-border-radius-topright: 5px;

		-moz-border-radius-bottomright: 5px;

		border-top-right-radius: 5px;

		border-bottom-right-radius: 5px;

	}

	#lb-content {

		width:230px;

		background:#f0f0f0;

		padding:10px 0;

		border:1px solid #ABABAB;

		border-left:0;

		-webkit-border-top-right-radius: 5px;

		-webkit-border-bottom-right-radius: 5px;

		-moz-border-radius-topright: 5px;

		-moz-border-radius-bottomright: 5px;

		border-top-right-radius: 5px;

		border-bottom-right-radius: 5px;

		}

	#lb-padding {

		margin:0 10px;

		font-size:11px;

		}

		#lb-padding img {

			margin:0px 10px 2px 0;

			}

		#lb-padding h4 {

			margin:0 0 10px;

			padding:2px 0 9px;

			border-bottom:1px solid #E2DEDE;

			font-weight: bold;

			text-transform: uppercase;

			}

		#lb-padding h3 {

			font-family:Arial;

			font-size:12px;

			line-height:12px;

			}

		#lb-padding p {

			font-family:Arial;

			}

	#lb-close {

		float:right;

		width:17px;

		height:17px;

		background:url('images/close.gif') no-repeat;

		cursor:pointer;

		}

4. В любое место нашего сайта, лучше в конец помещаем сам наш блок

<div id="left-slide"><div id="lb-content"><div id="lb-padding"><div id="lb-close"></div><h4>Читайте также:</h4><div> КОД ОТ ТИЗЕРНЕТА </div><div class="clear"></div></div></div></div>

5. Слайдер у нас будет срабатывать, когда кто-то прочитает хотя бы половину нашей статьи, которая заключена в <div id="article_content"></div>

Всё :)

Теперь если нет рекламодателей на RU, то пользователям будет отображаться наш блок в виде слайдера. Его можно заменить на любой, даже взять дизайн оригинального VK Messenger.

Архив с готовым примером: http://yourcommentit.ru/tizer.rar