Custom Full Page Ads

Last modified March 25, 2020

Overview

There are almost unlimited possibilities to what types of content can be created, ranging from something as simple as a static image or page to an interactive product catalog or video game — as long as you or your advertiser can create and supply it to us in zipped HTML format.

See our HTML5 Ad Templates on Github

Formats

For your ad to work properly in both iPad and iPhone devices, make sure your HTML is set up either to be responsive or to include different layouts for iPad landscape, iPad portrait and iPhone. A user viewing the app in a format you have not provided will not see your ad.

The final format you will provide is a zipped package of html and assets, which you’ll upload via the Publisher Dashboard. You may create these files by hand or with a interactive HTML5 animation tool. If you are using one of the recommended tools, you should be able to export and zip the project file.

Image Sizes

If you plan to use background images for your ads or simply repurpose static creative, jpg images at 72 DPI at the retina resolution for a given screen (for example, 2048 x 1536 for iPad) will give the best balance between quality and performance. Images that have a larger DPI or larger resolutions will take longer to load without any benefit in quality.

Recommended creation tools

  • Adobe Edge
  • Sencha

Creation tips

  • You should usually configure links to open in a new window (such as when linking to the advertiser’s site)
  • Use percentages or media queries to scale your ad
    • If you want to create a single fluid ad that scales to fit the device, use percentage-based sizing.
    • If you want to create several layouts so that your ad fit better on different devices, you should use media queries. Within each breakpoint, you will usually still want to use percentages so that your add stretches to fit on each device.
    • Do not rely on the viewport tag for scaling. Turnstyle ads are displayed within an iframe, which will disable viewport-based scaling. If you are using Tumult Hype, please be aware that it’s default scaling method uses viewport. You will need to choose one of the above approaches instead.

HTML package needs to include

  • an index file
  • any necessary html files
  • all referenced assets (e.g. images) should be included, so they can be visible when users are offline.

Limitations

  • Full-screen is the only supported size for interstitial ads – see fractional ads for info about how to embed ads within your article content.
  • Iframe content is not recommended
  • Do not use Javascript to take over the browser window
  • Be aware that excessive swipe-based interactivity can make it difficult for your readers to navigate away from the ad to the next article.
  • For your ad to function in offline mode as well as online, all referenced files should be included (use relative paths)  – not referenced from external websites – with the exception of video
  • Video:
    • We strongly recommend hosting with the GTxcel Video platform. A backup option is to use third party service (e.g. YouTube, Vimeo, etc.). Be aware that streaming video can not be made available to offline users.
    • If you are capable of hosting your own video, you can embed it in an ad using the standard HTML5 <video> tag. Make sure that your video file is in a format that is compatible with mobile devices.
    • For offline video: video files can be uploaded with the ad package, in which case it will be available both offline and online, however, this will significantly increase issue download size.

Upload Your File

When your HTML5 files are complete, upload via the Publisher Dashboard as follows. Contact GTxcel if you do not have access to the Publisher Dashboard.

  1. Log in and locate the applicable issue
  2. Click “Upload files” on that issue
  3. Select “Interstitial ads” from the upload category pulldown menu
  4. Select your zipped html package file(s)
  5. After files upload you should see a confirmation screen asking to verify the index file. Fill this out and continue.
  6. If you receive an error message instead of a confirmation review the above requirements and try again.

Removing or replacing existing interstitial ads

If a sponsorship has expired or you need to make changes to an existing interstitial ad package, you can do so via the Publisher Dashboard as follows. Contact GTxcel if you have any issues.

  1. Log in to the Publisher Dashboard
  2. Select the specific issue to go to the “Issue Details” screen
  3. Under the “Files for issue” section, select the “Interstitial ads” tab
  4. Select your ad from the list and click “Delete Files”

Ad Placement

Launch the Article Editor to specify where you would like each ad to appear. Placement is set relative to individual articles, to give you maximum control.

In the Article Editor you’ll see a list of all articles in the selected issue along with all available ads in the “Turnstyle Interstitial Ads” box on the left. Drag each ad name from this box over to the “After Article” box of the article where you’d like the ad to follow. You may have up to 10 ads after any one article.

View of the Article Editor with several ads that have been placed:

Need Help?
The Digital Help Desk is the process for communicating with GTxcel regarding new title setups, questions, and technical issues for the Web Reader and/or Apps.

You can submit a request to us through the Request Help button located in the Publisher Dashboard or call the support number: 800-609-8994, option 3.
Contact Us GraphicContact Support
8AM - 5PM EST
Monday to Friday
800-609-8994, option 3
Response Times
General Question/Requests – A Digital Specialist will begin working on your request within one to two hours of receipt. We will complete the request as soon as possible; we aim to have all requests completed within 24 hours.