Получить ссылку
на скачивание продукта
"CPA - шаг за шагом"

Tips&Tricks для повышения CTR на лендинге, таймеры и даты


 

Drughi
23.11.2013, 23:58
Привет! Ниже приведу пару трюков, которыми пользуюсь для повышения CTR на лендинге и конверсии в целом.Дата

Вызов сегодняшней даты на вашем лендинге. Просто добавьте следующий код туда, где хотите отображать дату:

<SCRIPT LANGUAGE=»JavaScript1.2″><!— Beginvar months=new Array(13);months[1]=»January»;months[2]=»February»;months[3]=»March»;months[4]=»April»;months[5]=»May»;months[6]=»June»;months[7]=»July»;months[8]=»August»;months[9]=»September»;months[10]=»October»;months[11]=»November»;months[12]=»December»;var time=new Date();var lmonth=months[time.getMonth() + 1];var date=time.getDate();var year=time.getYear();if (year < 2000)year = year + 1900;document.write(«<b>» + lmonth + » «);document.write(date + «, » + year + «</b>»);// End —></SCRIPT>

Таймеры:

Таймер по секундам №1

<form name=»counter» style=»margin: 0px;»> <span style=»font-size: 20px;»>Offer Ends In <input value=»103.2″ name=»d2″ style=»border: 0px none; background-color: rgb(255, 255, 255); font-size: 28px; color: blue; font-weight: bold; width: 77px; padding-top: 5px;» type=»text»> Seconds </span> </form> <script>
<!—
//
var milisec=0
var seconds=120
document.counter.d2.value=’120′
function display(){
if (milisec<=0){
milisec=9
seconds-=1
}
if (seconds<=-1){
milisec=0
seconds+=1
}
else
milisec-=1
document.counter.d2.value=seconds+».»+milisec
setTimeout(«display()»,100)
}
display()
—></script>

Таймер по секундам №2

Добавьте вот этот код в раздел <HEAD></HEAD>

<script> var interval; var minutes = 04; var seconds = 43; window.onload = function() { countdown(‘countdown’); }
function countdown(element) { interval = setInterval(function() { var el = document.getElementById(element); if(seconds == 0) { if(minutes == 0) { el.innerHTML = «countdown’s over!»; clearInterval(interval); return; } else { minutes—; seconds = 60; } } if(minutes > 0) { var minute_text = minutes + (minutes > 1 ? ‘ minutes’ : ‘ minute’); } else { var minute_text = »; } var second_text = seconds > 1 ? ‘seconds’ : ‘second'; el.innerHTML = minute_text + ‘ ‘ + seconds + ‘ ‘ + second_text; seconds—; }, 1000); }
</script>

А вот этот код туда, где хотите отображать таймер:

<div id=’countdown’></div>

Спешите! Осталось ‘X’ мест..

Для реализации такого таймера, используйте следующий код:

<html> <head> <title>Landing Page</title> <style> .timer { color:red; border:none; font-family:verdana; font-size:16pt; font-weight:bold; border-right-color:#FFFFFF } </style> </head> <script> var timer; function startCount() { timer = setInterval(count,200); // 200 = 200ms delay between counter changes. Lower num = faster, Bigger = slower. } function count() { var rand_no = Math.ceil(9*Math.random()); // 9 = random decrement amount. Counter will decrease anywhere from 1 — 9. var el = document.getElementById(‘counter’); var currentNumber = parseFloat(el.innerHTML); var newNumber = currentNumber — rand_no; if (newNumber > 0) { el.innerHTML = newNumber; } else { el.innerHTML = «Sold Out»; // This message is displayed when the counter reaches zero. } } </script> <body onLoad=»startCount();»> <span class=»timer»><span id=»counter»>431</span></span> </body> </html>

И еще один вариант:

<html> <head> <title>Landing Page</title> <style> .timer { color:red; border:none; font-family:verdana; font-size:16pt; font-weight:bold; border-right-color:#FFFFFF } </style> </head> <script> var timer; function startCount() { timer = setInterval(count, 100); // 200 = 200ms delay between counter changes. Lower num = faster, Bigger = slower. } function count() { var do_wait = Math.ceil(4*Math.random()); // for «sporadic effect», we generate a random number between 1 and 4 if (do_wait == 4) { // now, we only decrement the counter if the random number = 4 — otherwise we don’t do anything. var rand_no = Math.ceil(9*Math.random()); // 9 = random decrement amount. Counter will decrease anywhere from 1 — 9. var el = document.getElementById(‘counter’); var currentNumber = parseFloat(el.innerHTML); var newNumber = currentNumber — rand_no; if (newNumber > 0) { el.innerHTML = newNumber; } else { el.innerHTML = «Sold Out»; // This message is displayed when the counter reaches zero. } } } </script> <body onLoad=»startCount();»> <span class=»timer»><span id=»counter»>431</span></span> </body> </html>

Аудио на лендинге

Для того, чтобы добавить аудио на ваш лендинг, первым делом скачайте NiftyPlayer (http://www.varal.org/media/niftyplayer/) и положите его в папку с лендингом.
Затем в файле лендинга в разделе <HEAD></HEAD> вставьте следующий код:

<script type=»text/javascript» language=»javascript» src=»niftyplayer.js»></script>

А затем вставьте следующий код туда, где вы хотите отображать плеер:

<object classid=»clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″ codebase=»http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0″ width=»165″ height=»38″ id=»niftyPlayer1″ align=»»> <param name=movie value=»niftyplayer.swf?file=youraudio.mp3&as=1″> <param name=quality value=high> <param name=bgcolor value=#FFFFFF> <embed src=»niftyplayer.swf?file=youraudio.mp3&as=1″ quality=high bgcolor=#FFFFFF width=»165″ height=»38″ name=»niftyPlayer1″ align=»» type=»application/x-shockwave-flash» pluginspage=»http://www.macromedia.com/go/getflashplayer»> </embed> </object>

Если вы хотите сделать плеер невидимым, замените в обоих местах width=»165″ height=»38″ на width=»0″ height=»0″

Видео на лендинге

Если вы хотите использовать видео на вашем лендинге, вам нужно переконвертировать все ваш видеофайл в .swf. Для этого можете воспользоваться Free Video Converter (http://www.freemake.com/free_video_converter/) или любым другим конвертером.

Затем просто загрузите это видео в одну папку с вашим лендингом, а на лендинге пропишите следующий код:

<object classid=»clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″ codebase=»http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0″ width=»280″ height=»210″ id=»Flash1″> <param name=»movie» value=»video.swf»> <param name=»quality» value=»High»> <param name=»scale» value=»ExactFit»> <param name=»wmode» value=»Window»> <param name=»play» value=»true»> <param name=»loop» value=»false»> <param name=»menu» value=»false»> <param name=»allowfullscreen» value=»false»> <param name=»allowscriptaccess» value=»sameDomain»> <param name=»sAlign» value=»tl»> <embed src=»video.swf» width=»280″ height=»210″ quality=»High» wmode=»Window» loop=»false» play=»true» menu=»false» allowfullscreen=»false» allowscriptaccess=»sameDomain» scale=»ExactFit» type=»application/x-shockwave-flash» pluginspage=»http://www.macromedia.com/go/getflashplayer»> </embed> </object>

Не забудьте изменить название видео на ваше, а также вы можете вручную поменять размер окошка с видео (выделено полужирным).

GEO IP

Данный скрипт позволяет отображать на лендинге информацию о местонахождении пользователя по его IP. Применяется как инструмент повышения CTR и конверсии.

Первым делом добавьте следующий код в раздел <head></head>:

<script language=»JavaScript» src=»http://j.maxmind.com/app/geoip.js»></script>

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

Country Code: US
Код:

<script language=»JavaScript»>document.write(geoip_country _code());</script>

Country Name: United States
Код:

<script language=»JavaScript»>document.write(geoip_country _name());</script>

City: Torrance
Код:

<script language=»JavaScript»>document.write(geoip_city()) ;</script>

Region: CA
Код:

<script language=»JavaScript»>document.write(geoip_region( ));</script>

Region Name: California

Код:<script language=»JavaScript»>document.write(geoip_region_ name());</script>

Latitude: 33.8403
Код:

<script language=»JavaScript»>document.write(geoip_latitud e());</script>

Longitude: -118.3539
Код:

<script language=»JavaScript»>document.write(geoip_longitu de());</script>

Postal Code: 90503
Код:

<script language=»JavaScript»>document.write(geoip_postal_ code());</script>

Также вы можете использовать несколько элементов одновременно, например:
Код:

<script language=»JavaScript»>document.write(geoip_city());</script>, <script language=»JavaScript»>document.write(geoip_region());</script>

Также советую вам обратить внимание на реализацию Dynamc Keyword Insertion в этой теме (http://forum.cpa-intern.net/showthread.php?18-%D0%E5%E0%EB%E8%E7%E0%F6%E8%FF-Dynamic-Keyword-Insertion-%EF%F0%E8-%F0%E0%E1%EE%F2%E5-%F1-Prosper202).

Надеюсь, вам это пригодится. Если что-то непонятно, готов ответить на ваши вопросы :)

Удачи!


You must be logged in to post a comment.