Panel
ADK Panel is a user interface that provides information about ADK containers on a web page. It can be used to debug an ad integration and to preview creatives in the containers.
When the panel is enabled, the toggle buttonin the lower-left corner of the browser window can be used to open and close the panel.
How to enable
The panel is automatically enabled in preview mode, for example when using the preview links from Advisible Console. This is the most common use case for the panel.
It is also possible to independently control the panel state using the adk_panel parameter. This can be used to hide the panel toggle button when previewing, or to enable the panel in live mode. The parameter accepts the following values:
| Value | Description |
|---|---|
on | Panel is enabled but not opened. Default when in preview. |
open | Panel is enabled and opened. |
off | Panel is not enabled. Default when in live. |
The open state can also be controlled programmatically by calling adk.togglePanel(), for example using the browser's developer tools. The function accepts the following arguments:
| Argument | Description |
|---|---|
true | Panel is opened. |
false | Panel is closed. |
| no argument | Panel open state is toggled. |
How to use
The panel lists all active containers on the current page. Containers that are not configured for the current screen size (i.e., inactive containers) are hidden by default and can be included using the Include inactive checkbox.
Click a row in the table to scroll to the corresponding active container on the page. Hovering over a row highlights the corresponding container element.
When previewing Advisible ads, the Preview column shows a dropdown menu with creatives matching the requirements of the placement. The selected creative is rendered in the container.