Слови e-Бабочку!
© в нору|из норы © в гости '^) © в мастерскую © в чулан © в шпаргалки

Использование многокомпонентных HTML-баннеров.

Основной компонентой HTML-баннера является файл index.html. Именно этот файл загружается в iframe при показе баннера. Кроме него в систему могут быть загружены другие компоненты баннера, такие как: картинки, файлы flash-анимации и т.д. Все компоненты HTML-баннера помещаются в отдельную директорию на сервере.

В файл index.html после заголовка вставьте следующий код:

   <SCRIPT LANGUAGE="JavaScript" src="/html.js">
   </SCRIPT> 

После этого вы сможете использовать в javascript'е некоторые значения переменных, заданные в системе как свойства баннера. А также набор функций, которые могут оказаться полезными при создании HTML-баннеров.

  1. Пример использования GIF в HTML-баннере.
  2. Переменные:

    ar_redirect - адрес для перехода при клике по баннеру;
    ar_target - в каком окне открыть (принимает значения _blank, _top);
    ar_width - ширина баннера, если определена;
    ar_height - высота баннера, если определена.

    В примере ниже используется JavaScript-функция ar_p(string, variable). Она делает буквально следующее: если переменная variable определена, то возвращаемое значение - строка string.value=variable.value, а если переменная неопределена, то возвращается пустая строка.
    Например, если определена переменная ar_width и равна 468, то функция ar_p("width",ar_width) вернет значение "width=468", иначе пустую строку.

    Пример кода для баннера.

       <html>
       <body>
    
       <SCRIPT LANGUAGE="JavaScript" src="/html.js">
       </SCRIPT>
    
       <!-- PLEASE DON'T CHANGE ANYTHING ABOVE THIS LINE -->
    
       <SCRIPT LANGUAGE="JavaScript">
       <!--
       var MyImage = "myimage.gif";     // Впишите сюда имя картинки, которая будет отображена на баннере.
       var Alt = '"Click HERE! Now!!"'; // Впишите комментарий к картинке (поле Alt).
                                        // Не убирайте двойные кавычки, они обязательны.
    
       var MyDocSource = '<a href="' + ar_redirect + '" ' + ar_p("target",ar_target) + '>';
       MyDocSource += '<img src="' +  MyImage + '" ' + ar_p("width",ar_width)+ ' ' +
    
       ar_p("height",ar_height) + ' ' + ar_p("alt",Alt) + '>';
       MyDocSource += '</a>';
    
       document.write(MyDocSource);
    
       //-->
       </SCRIPT>
    
       </body>
       </html>
        
  3. Пример создания нескольких ссылок в одном баннере.
  4.    <html>
       <body>
    
       <SCRIPT LANGUAGE="JavaScript" src="/html.js">
       </SCRIPT>
    
       <!-- PLEASE DON'T CHANGE ANYTHING ABOVE THIS LINE -->
    
       <SCRIPT LANGUAGE="JavaScript">
       <!--
    
       function redirect(link, target){
    
       // Если Вы не определили, в каком окне открывать форму, то возьмем этот параметр от AdRiver'а
       if (typeof(target) = 'undefined') target = ar_target;
    
       // Сформируем адрес для перехода
       var CgiHref = ar_redirect;
    
       // Добавляем закодированный адрес перехода
       CgiHref += escape(link);
    
       // Осуществляем переход
       switch (target){
         case '_top':   window.top.location = CgiHref; break;  // Откроем в том же окне, если target=_top.
         case '_blank': window.open(CgiHref); break;           // Откроем в новом окне, если target=_blank.
         case '_self':  document.location = CgiHref; break;    // Откроем прямо в iframe баннера.
         default: window.open(CgiHref);                        // По-умолчанию AdRiver откроет в новом окне.
         }
       }
       //-->
    
       </SCRIPT>
    
    <p><a href="javascript:redirect('http://www.mysite.ru/page1', '_top')">Кликните сюда</a>
    <p><a href="javascript:redirect('http://www.mysite.ru/page2', '_blank')">Или сюда</a>
    <p><a href="javascript:redirect('http://www.mysite.ru/page3', '_self')">Или сюда</a>
    
    <p><a href="javascript:redirect('http://www.mysite.ru/page4')">Или сюда</a>
    
       </body>
       </html>
    

© источник: http://www.adriver.ru/doc/specs/tehhtml/ >>> © назад в шпаргалки

Hosted by uCoz