Turnstyle Advertising Opportunities

Last modified September 18, 2022

AdvertisementDescription/PlacementDimensions
Leaderboard
(Top Banner)

Static images (jpg, png, gif) or Google Ad Manager.

*Available for Reading View and Page View
320×50 (small screens)
728×90 (large screens)
960×90 (XL screens)
Bottom BannerStatic images (jpg, png, gif) or Google Ad Manager. A close button is required as this position will float over content.

*Available for Reading View and Page View
320×50 (small screens)
728×90 (large screens)
960×90 (XL screens)
TOC AdStatic images (jpg, png, gif) or Google Ad Manager.

*Available for Reading View and Page View
300×250 or 300×100
TOC Interleaved Static images (jpg, png, gif).

*Available for Reading View only
320×50 or 300×50
Full Page Ads (Interstitials)Static images (jpg, png, gif).

*Available for Reading View only
No specific dimensions required
Custom Interstitial AdsAllows for responsive, interactive or even animated ads.

*Available for Reading View only
No specific dimensions required, should be responsive
Fractional AdsPlaced within articles.

*Available for Reading View only
No specific dimensions required
Blow-in Ads
(Pop-ups)
Static images (jpg, png, gif), videos or iFramed content (e.g. polls, surveys, forms, etc.).

*Available in Page View only
No specific dimensions required
Two-Page coverPlaced left of the cover. This file should be included in your PDF files when uploading your new document files.

*Available in Page View only
Same dimensions as your other PDF pages


Leaderboard (Top Banner)

Placement Options

  1. Can be placed at the document level or across ALL documents within the same collection
  2. Can appear on either the Page View or Reading View or both

Dimensions

  • 320×50 – this size will appear on small screen sizes like phones and some tablets.
  • 728×90 – this size will appear on large screen sizes like desktop computers and large tablets.
  • 960×90 – this size will appear on XL screen sizes like large desktops and monitors.

File Types

  • PNG
  • JPG
  • GIF

How to Place a Leaderboard Ad

This ad placement needs to be placed by GTxcel OR it can be setup using your Google Ad Manager account.

  1. Upload your image files through the Publisher Dashboard under the “Multimedia” category
  2. Include the URL you would like the ad linked to and any other pertinent information in the SPECIAL INSTRUCTIONS field
    • NOTE: You are able to use a unique URL for each dimension, usually done for tracking purposes.
  3. Once you submit your files and URLs, your Customer Success Team will have your ads placed and let you know once completed.

Back to top


Bottom Banner

Placement Options

  1. Can be placed at the document level or across ALL documents within the same collection
  2. Can appear on either the Page View or Reading View or both

Dimensions

  • 320×50 – this size will appear on small screen sizes like phones and some tablets.
  • 728×90 – this size will appear on large screen sizes like desktop computers and large tablets.
  • 960×90 – this size will appear on XL screen sizes like large desktops and monitors.

File Types

  • PNG
  • JPG
  • GIF

How to Place a Bottom Banner Ad

This ad placement needs to be placed by GTxcel OR it can be setup using your Google Ad Manager account.

  1. Upload your image files through the Publisher Dashboard under the “Multimedia” category
  2. Include the URL you would like the ad linked to and any other pertinent information in the SPECIAL INSTRUCTIONS field
    • NOTE: You are able to use a unique URL for each dimension, usually done for tracking purposes.
  3. Once you submit your files and URLs, your Customer Success Team will have your ads placed and let you know once completed.

Back to top


TOC Ad

Placement Options

  1. Can be placed at the document level or across ALL documents within the same collection
  2. Can appear on either the Page View or Reading View or both

Dimensions

  • 300×250
  • 300×100

File Types

  • PNG
  • JPG
  • GIF

How to Place a TOC Ad

This ad placement needs to be placed by GTxcel OR it can be setup using your Google Ad Manager account.

  1. Upload your image files through the Publisher Dashboard under the “Multimedia” category
  2. Include the URL you would like the ad linked to and any other pertinent information in the SPECIAL INSTRUCTIONS field
  3. Once you submit your files and URLs, your Customer Success Team will have your ads placed and let you know once completed.

Back to top


TOC Interleaved

Placement Options

  1. Can be placed at the document level or across ALL documents within the same collection
  2. Can only appear in Reading View

Dimensions

  • 300×50
  • 320×50

File Types

  • PNG
  • JPG
  • GIF

How to Place a TOC Interleaved Ad

This ad placement needs to be placed by GTxcel.

  1. Upload your image files through the Publisher Dashboard under the “Multimedia” category
  2. Include the URL you would like the ad linked to and any other pertinent information in the SPECIAL INSTRUCTIONS field
  3. Once you submit your files and URLs, your Customer Success Team will have your ads placed and let you know once completed.

Back to top


Full Page Ads (Interstitials)

Full Service Ad Extraction

Ad extraction is available for all collections with article extraction and includes Full Page and Fractional ads. To find out more information or to add Full Page Ad extraction, please reach out to your GTxcel Account Manager.

Ad extraction includes extraction of the images as well as any searchable text (for WCAG compliance). The text extracted from the Full Page ads will appear under the image as seen in the below example. This feature can be “hidden” which means that the text will not be visible to you users but will still be readable using a screen reader application.

Ad images can link out to a single link. If an ad contains more than one link, the advertisers main URL will be used and all other text/URLs will be included in the extracted text.

Self Service Full Page Advertisements

File Types

  • PNG
  • JPG
  • GIF

How to Place a Full Page Ad

  1. Open the Article Editor
  2. Click on the “ADD NEW ARTICLE” button
  3. Fill in the following fields

Title: this needs to be a unique name for your ad, the title is not visible to end users and is also used for tracking purposes. 

Template: Choose the ‘Advertisement’ template.

Pages: add the page number that the ad appears in the Page View (this is optional and only important if you would like the capability of toggling back and forth from Reading View and Page View).

Body: Click on the ‘Source’ option and paste the following into the body:

<div class="htmlBody article_div" data-link="">
<div class="fullPageAd">
<div class="fullPageAdImages">
<figure class="fullPageAdLg"><img alt="" ref="./img/full_page_ad.jpg" src="http://staging4.texterity.com/collection/document/data/articles/./img/full_page_ad.jpg" /></figure>
</div>
</div>
</div>

4. Once the html is pasted into the body of the article, add the full URL for your ad between the quotation marks in the data-link tag on the first line (data-link=””), then click on the source button again. 
5. Double click on the image, this will bring up the Image Properties box. Upload the image for your Full Page Ad and add a very brief description of the image in the ‘Alternative Text‘ field. 
6. Click Save.
7. Go back to the list of articles, drag and drop the advertisement to the desired position.

Back to top


Custom Interstitial Ads

There are almost unlimited possibilities to what types of content can be created, ranging from something as simple as a static image/page to an interactive product catalog or video game.

See our HTML5 Ad Templates on Github

Dimensions

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.

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

NOTE: 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.

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 your videos on a third party service (e.g. YouTube, Vimeo, etc.).
    • 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

  1. Log into the Publisher Dashboard and select the document you would like to place the ad in.
  2. Click “Upload files” on that document.
  3. Select “Interstitial ads” from the category dropdown menu.
  4. Select your zipped html package file(s)
  5. After the files have uploaded, you will see a confirmation screen asking to verify the index file. Fill this out and continue.
  6. Your HTML5 ad will now appear at the bottom of the list of articles in the Article Editor.
  7. Drag and drop the ad to the desired position and hit the Save button.

Back to top


Fractional Ads

Full Service Fractional Ads

Ad extraction is available for all collections with article extraction and includes Full Page and Fractional ads. To find out more information or to add Full Page Ad extraction, please reach out to your GTxcel Account Manager.

Ad extraction includes extraction of the images as well as any searchable text (for WCAG compliance). The text extracted from the Fractional Ads is hidden until the ad image is clicked on and opened in the lightbox.

Ad images can link out to a single link. If an ad contains more than one link, the advertisers main URL will be used and all other text/URLs will be included in the extracted text.

Fractional ads will be flattened to static images and will automatically be placed into article content, where they sequentially appeared within the original PDF. All fractional ads will be wrapped with a banner, identifying the element as an advertisement.

NOTE: Any fractional ads that fall outside of an article will be placed in an “Additional Ads” article at the end of the document. These can be moved to the desired positions using the Article Editor, your Customer Success Manager can go over how to move a fractional ad.

Self Serve Fractional Ads

Ads can be manually inserted into individual articles using the Article Editor.

How to Place a Full Page Ad

  1. Click the Advertisement button in the toolbar.
This image has an empty alt attribute; its file name is toolbar-ads.png

2. This will open the Advertisement dialog, which has two tabs with information to include.

Info Tab
  • Name – This name will be sent to the GTxcel analytics platform for tracking purposes. If you use the same name for more than one ad within a document, those ads will be combined in your analytics reports. In most cases you will want to use different names for each ad in a document. This field will also be used for the Alt text for WCAG compliance.
  • Ad Orientation
    • This will let Turnstyle know how to display the image.
      • Horizontal: Ads displayed horizontally will occupy the full width of the article
      • Vertical: Ads displayed vertically will occupy 50% of the article width and, in some cases, will have article content wrapped around it.
  • Ad Captioning – check off ‘Captioned Image’ to add a caption to your ad
  • Size (optional) – used to determine the size of the ad. These dimensions should exactly match the size of the ad you intended to use. NOTE: For fixed-size ads, you should use pixel values for both width and height. For responsive ads, you may want to use a percentage width in some cases.
  • Media query (optional) – the media query settings are used to control what devices your ad will appear on. The ad will only be displayed if the browser window width is between the Minimum and Maximum. If you leave these settings blank, your ad will always appear. Keep in mind that your ad may be cut off if it is too large for the device.
Image Tab
  • Select image
    • Browse Server – used to choose an image that has already been extracted or uploaded. This is useful if you are trying to place the same ad more than once in a document.
    • Choose File – used to upload the ad image from your computer/device.
  • Link URL (optional) – the link to open when the user taps on the ad image.

3. Click OK.

Back to top


Blow-in Ads (Pop-ups)

You have the ability to place blow-ins, also known as “pop-ups”, on any page (Page View) by using the Page Editor.

Placement Options

  1. Can be placed at the document level or across ALL documents within the same collection
  2. Can only appear in Page View

Dimensions

  • 500×300 (suggested maximum dimensions)

File Types

  • PNG
  • JPG
  • GIF

How to Place a Blow-in

This ad is placed using the Page Editor. Click here for step by step instructions on how to place a Blow-in.

Back to top


Two-Page Cover

You may opt to use the page before or after the cover for ad space. In order to do this, you simply need to insert the page into your PDFs before uploading and add a note in the SPECIAL INSTRUCTIONS field that states you are have included a left of/right of cover page. GTxcel will turn on 2-page mode, and the page will appear beside the cover (in page view only).

Back to top

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 Customer Success team Member 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.