https://github.com/googleads/hbbtv-lshape-demo

https://github.com/googleads/hbbtv-lshape-demo

Last synced: 4 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/googleads/hbbtv-lshape-demo
• Owner: googleads
• License: apache-2.0
• Created: 2022-07-19T14:29:32.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-10-20T06:57:33.000Z (about 2 years ago)
• Last Synced: 2024-04-14T04:48:48.386Z (7 months ago)
• Language: JavaScript
• Size: 110 KB
• Stars: 3
• Watchers: 4
• Forks: 3
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# hbbtv-lshape-demo

This sample app demonstrates serving L-Shape banner ads using standard Google Ad

Manager [tags](https://developers.google.com/publisher-tag/guides/get-started).

The ad is booked as a

[custom creative](https://support.google.com/admanager/answer/3180782?hl=en) in

[Google Ad Manager](https://admanager.google.com/intl/en_uk/home/). See

[sample](/assets/sample_creative.html) in the assets section.

The application listens to events set in the DVB stream to trigger the ad request.

Key features:

* stream event triggers the ad request and defines the creative’s display duration and targeting

* creative’s display duration can be set in the creative itself (using the window.postMessage API) to safely enable communication between the creative served in an iframe and the HbbTV application

* supports passing a targeting object in the stream event. Example: `{"type" :"adBreakTrigger", "duration": 5, "targeting": {"key1": "value1", "key2": "value2"}}`

## Broadcast stream modulation

This application has been developed and tested using the [Beebee Box](https://site.vizionr.fr/site/index.php/offre-hbbtv/) for DVB modulation. The XML file containing the HbbTV stream events is looking as the following:

```

  

  

```

## Test

You can use the [HybridTV Dev Environment Chrome Extension](https://chrome.google.com/webstore/detail/hybridtv-dev-environment/ljmkgjilkcmdokbgofbmjnkobejhhapc) to emulate a HbbTV environment. Pages served with mime type `application/vnd.hbbtv.xhtml+xml` enable the extension.

You can trigger stream events directly from the Chrome extension as follows:

*   streamEvent name => `eventItem`

*   streamEvent data => leave empty

*   streamEvent text => `{"type":"adBreakTrigger", "duration": 10,

    "targeting": {"key1":"value1", "key2":"value2"}}`