Open Video Ads with OpenX. Using FlowPlayer

В качестве введения отмечу, что OpenX является бесплатным движком баннерной сети, который кроме баннеров позволяет размещать на сайте и видео-объявления в формате pre-roll, post-roll и mid-roll.

Сегодня рассмотрим работу плагина OVA с сервером OpenX на примере FlowPlayer. Кроме FlowPlayer такую возможность поддерживают и другие современные плееры (наиболее популярный JW Player, работу OVA с которым проиллюстрирую в следующем выпуске)

 

Для начала создадим в OpenX зону для размещения видео (тип) и рекламную кампанию с рекламным роликом (Video delivery method — progresive (HTTP)).

 

Далее необходимо правильно установить FlowPlayer для обеспечения показа нашего ролика.

 

Код для установки FlowPlayer with OVA

<script type='text/javascript'>
flowplayer('a.container', { src: 'flowplayer-3.2.7.swf', wmode: 'opaque' }, {
  "playlist": [
    {
      "url": "http://content.bitsontherun.com/videos/wDqjiZXZ-m0JsjUy0.mp4"
    }
  ],
  "plugins": {
    "controls": {
      "autoHide": "never"
    },
    "ova": {
      "url": "/content/ova/flowplayer/ova-1.1.0.swf",
      "ads": {
        "companions": {
          "regions": [
            {
              "id": "companion",
              "width": 80,
              "height": 300
            }
          ]
        },
        "schedule": [
          {
            "position": "pre-roll",
            "tag": "http://openx.openvideoads ... __amp__charset=UTF-8"
          }
        ]
      },
      "analytics": {
        "custom": {
          "enable": true,
          "accountId": "UA-10158120-1",
          "impressions": {
            "linear": "/ova/impression-counter/custom-test/linear",
            "nonLinear": "/ova/impression-counter/custom-test/nonLinear",
            "companion": "/ova/impression-counter/custom-test/companion"
          }
        }
      },
      "debug": {
        "levels": "fatal, config, vast_template, http_calls"
      }
    }
  }
});
</script>

Надеюсь, разобраться с кодом вам большого труда не составит.

С более подробной информацией, OVA Api и примерами можно ознакомиться
на сайте LongTail Ad Solutions