Adform Studio allows you to preview your banners and offers different ways to test them.
You can use a live preview to see what the banner looks like while you're creating it.
To preview your banner, in the toolbar at the top of the page, click .
You can use Adform Studio's device presets to test the responsiveness of your banners.
Before testing, make sure that your banner contains the necessary code to enable banner responsiveness. You can check and insert the code snippet in Adform Studio using the code editor.
To check the responsiveness code in your banner:
-
In the left sidebar, click
.
-
In the Assets list, click the banner .html file.
-
In the code editor at the bottom of the screen, check if your banner has responsiveness code.
Example of responsiveness code with responsive width and a fixed 250px height:
dhtml.external.resize && dhtml.external.resize('100%','250px'); -
To add responsiveness code, edit the code in the banner .html file.
-
At the bottom of the screen, click SAVE.
To test a responsive banner:
-
In the toolbar at the top of the page, click
.
Note
This button is disabled when you're in banner edit mode. To enable it, click
to go to banner preview mode.
-
In the toolbar below, click one of the device options.
-
In the dropdown list, choose the device brand and model.
-
In the dropdown list on the right, select either Responsive Width or Responsive Height. To test interstitial banners, select Responsive Width and Height.
If you want to test your banner on a large device screen, close the left sidebar to expand the workspace. Click in the upper right corner of the sidebar.
You can open the sidebar again by clicking .
If you want to see how your banner looks on a specific mobile or tablet device, you can generate a QR code for your banner in Adform Studio and scan it with that device.
To generate a QR code for banner testing:
-
In the toolbar at the top of the page, click
> QR.
-
Scan the generated QR code or click on the picture to open your banner in a new browser tab.
If you want to test your banner with your stakeholders, you can create a shareable banner preview link.
To create a read-only preview link:
-
In the toolbar at the top of the page, click
.
-
In the toolbar, click Share preview.
-
To share the live preview of your banner, copy the URL of the new window.
Note
Adform updates the preview automatically when you make changes to your banner. With the preview link, your stakeholders always see the latest version of the banner that you're working on.
You can use the event logger in Adform Studio to test your banner events, such as hover over, video player clicks, and other custom interactions.
To open event logger:
-
In the toolbar at the top of the page, click
-
In the Event logger section at the bottom of the page, check the tracking of your banner events.
To test if your clickTAG is working:
-
In the toolbar at the top of the page, click
-
In the banner preview tab, click on your banner.
Adform tests your clickTAG and returns a success or error message.
Adform Studio allows you to quickly test several banners that have a local connection between them.
To test synchronized banners:
-
In the left sidebar, click Sandbox.
Sandbox stores all the banners that you have recently worked with for quick access and testing.
-
In the Sandbox list of banners, hover over the first banner that you want to test.
-
Select the checkbox in the upper left corner of the banner file.
-
Select the checkboxes on all the other banners that you want to test.
-
In the toolbar at the top of the page, click
Preview.