Entertain and Earn More - with Playable Widgets

Discover premium advertising solutions with HTML5 Playable Widgets to boost your revenue and optimize your ad performance.

HTML5 Playable Widgets Features

💰

Revenue Optimization

Premium content to maximize your ad revenue potential with HTML5 applications and games

📊

Analytics & Reporting

Advanced analytics solutions for comprehensive performance tracking

🔒

Compliance & Security

Ensure your advertising meets all regulatory requirements and security standards

🔧

Easy Integration

Responsive design and comprehensive documentation and support

About OptAd360

We are a leading provider of HTML5 gaming solutions and advertising technology, helping publishers maximize their revenue through innovative game widgets and optimization tools. Our mission is to bridge the gap between engaging gaming experiences and effective advertising strategies.

HTML5 Games Collection

Select the game â–¼
Memory Game
Flag Quiz Game
Math Quiz
Pipe connect
360x600 â–¼
360x300px
360x600px

Flag Quiz

This is a flag identification quiz game where players guess which country a displayed flag belongs to from multiple-choice options. It includes a gameplay unlocked by watching an ad.

★★★★★ 4.8 1.2k plays

HTML5 Playable Widgets Plugin Parameters

Configuration options for the HTML5 Playable Widgets

Required Libraries

The following JavaScript libraries must be included in your HTML document for the Playable Widgets to function properly:

<script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script>
<script src="https://playablewidgets.com/js/h5gw.js"></script>
Library
Provider
Purpose
Description
gpt.js
Google
Google Publisher Tag
Google Ad Manager library for serving and managing advertisements
h5gw.js
Optad360
HTML5 Game Widgets
Core library for HTML5 Playable Widgets functionality and game rendering

Example Configuration

const h5gwInstance = new H5GW({
  config: {
    authData: {
      client_id: 'your_client_id',
      client_secret: 'your_client_secret'
    },
    slots: [
      {
        element: document.getElementById('game-widget-container'),
        webSize: '970x300',
        mobileSize: '360x600'
      }
    ],
    debugLevel: 'INFO'  // Optional: ERROR (default), INFO, or DEBUG
  }
});

Widget Configuration

Complete configuration object structure for initializing HTML5 Playable Widgets:

config: {
  authData: {
    client_id: 'your_client_id',
    client_secret: 'your_client_secret'
  },
  slots: [
    {
      element: document.getElementById('game-widget-container'),
      webSize: '970x300',
      mobileSize: '360x600'
    }
  ],
  debugLevel: 'INFO'  // Optional: ERROR (default), INFO, or DEBUG
}
Parameter
Type
Required
Description
authData
Object
Yes
Authentication credentials container object
authData.client_id
String
Yes
Your unique client identifier provided by OptAd360
authData.client_secret
String
Yes
Your client secret key for authentication
slots
Array
Yes
Array of widget slot configurations for multiple widget instances
slots[].element
HTMLElement
Yes
DOM element where the widget will be rendered
slots[].webSize
String
Yes
Widget dimensions for desktop devices (format: 'widthxheight')
slots[].mobileSize
String
Yes
Widget dimensions for mobile devices (format: 'widthxheight')
debugLevel
String
No
Debug logging level: 'ERROR' (default), 'INFO', or 'DEBUG'

Available Sizes

Desktop Sizes

  • 970x300 Large Horizontal
  • 360x600 Large Vertical
  • 360x300 Small Vertical

Mobile Sizes

  • 360x600 Large Vertical
  • 360x300 Small Vertical