• Загрузка файла после клика по рекламе

    aftercl0

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

    Начнем с конца и покажем как будет выглядеть блок рекламных ссылок, по которому нужно кликнуть пользователю, чтобы появилась ссылка (в нашем примере несколько ссылок) на загрузку файла. Для реализации данной опции используем сервис текстовой рекламы Tak.ru:

    aftercl1

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

    В приведенном примере блок ссылок на загрузку электронной книги будет представлен несколькими изображениями-кнопками с наименованием форматов (см. ниже). Теперь переходим к реализации программного кода.

    В первом способе после клика по рекламе появляется небольшое окошко по центру экрана с ссылками на загрузку файла:

    aftercl2

    Следующий скрипт необходимо вставить в шаблон полной новости (fullstory), где будет выводиться блок ссылок:

    Посмотреть код

    <table border="1" width="100%" bgcolor="#FFFFFF" bordercolor="D84A38" cellspacing="3" cellpadding="2">
    <tr>
    <td width="100%">
    <div align="center">
    <font color="D84A38">
    <div align="center">Уважаемый Пользователь!</div> <div align="center">Чтобы скачать книгу <b>«{title}»</b>, вам необходимо кликнуть по одной из рекламных ссылок:</font>
    </div>
    <noindex>
    <div id="oplac">
    <span style="color: red;">
    <script language="JavaScript" charset="UTF-8" src="http://z1320.takru.com/in.php?id=ЗАМЕНИТЬ"></script>
    </span>
    <div id="hidden" style="display:none;"> <br />
    <noindex>
    <script type="text/javascript">
    function showOkno() {
    $(function(){
    $('#download').dialog({
    autoOpen: true,
    show: 'slide',
    hide: 'slide',
    width: 550,
    buttons: {
    "Закрыть окно" : function() {
    $(this).dialog("close");
    }
    }
    });
    });
    }
    </script>
    <div id="download" title="Скачать книгу «{title}»:" style="display:none; " >
    <div class="news">
    <div align="center"><font color="#007fff"><br>[xfvalue_download]</font></div>
    </div>
    </div>
    </noindex>
    </div></div><
    <script>
    function payForFiles(){
    var hid,tak,elems,num,pat,j,i;
    hid = document.getElementById("hidden");
    tak = new Array();
    elems = document.getElementsByTagName('A');
    num = elems.length;
    pat = new RegExp("(^|b)(takru)(b|$)");
    j = 0;
    for (i=0;i<num;i++){
    if(pat.test(elems[i].className)){
    elems[i].setAttribute('target','_blank');
    if (elems[i].addEventListener)
    elems[i].addEventListener("click", function(){showOkno()}, false);
    else if (elems[i].attachEvent)
    elems[i].attachEvent("onclick", function(){showOkno()});
    else elems[i].onclick = function(){showOkno()};
    j++;}
    }
    }; payForFiles();
    </script>
    </td>
    </tr>
    </table>

    Во втором случае блок ссылок на загрузку файла появляется вместо рекламного блока:
    aftercl3

    Для этого создаем javascript-файл (например, afterclick.js) со следующим содержанием:

    Посмотреть код

    var S = 0; document.onclick = myFunc;
    for (var j = 0, lnks = document.links, lj = lnks.length; j < lj; j++)
    if (lnks [j].className == 'takru') lnks [j].target = '_blank';
    function myFunc (ev)
    {
    var e = window.event || ev, obj = e.target || e.srcElement;
    if (obj.className == 'takru') S++;
    if (S == 1)
    {
    document.getElementById ('hid').style.display = 'inline';
    document.getElementById ('polz').style.display = 'none';
    document.getElementById ('reklama').style.display = 'none';
    } }

    В место, где будут отображаться ссылки, копируем следующий код:

    Посмотреть код

    <table border="1" width="100%" bgcolor="#FFFFFF" bordercolor="D84A38" cellspacing="3" cellpadding="2">
    <div align="center">
    <tr align="center">
    <td width="100%">
    <font color="D84A38">
    <div align="center" id="polz">Уважаемый Пользователь!<br>
    Чтобы скачать книгу <b>{title}</b>, вам необходимо кликнуть по одной из рекламных ссылок:
    </div>
    <span id="reklama">
    <script language="JavaScript" charset="UTF-8" src="http://z1320.takru.com/in.php?id=ЗАМЕНИТЬ"></script>
    </span>
    <script src="http:///site.ru/afterclick.js"></script>
    <span id="hid" style="display: none">[xfvalue_download]<br></span>
    </tr>
    </table>

    На этом все!

    Рубрики: Скрипты

    Метки: , ,

    Добавить комментарий