Introduction

Mobile Interscroller ads are scroll-in ads where fullscreen creatives are only visible through a viewport. The viewport size represents the ad placement space and it’s purchased on the webpage where the ad will be displayed. When you scroll through publisher content, the ad is revealed through the viewport. A tag ensures that your ad is in its correct placement, with the right content. You can modify the Interscroller tag to better suit your needs. 

Mobile interscroller


Tag 

An ad tag, or placement tag, is a small chunk of code that makes an ad call to the ad server for placement information. A tag communicates key parameters to the ad server, such as the ad topic, size, basic page info, and more. It also enables you to track your ad’s performance by collecting and reporting critical metrics. Read the Working with ad tags article to learn more about tags.


Publish creative to generate tag

 In Campaign Manager (CM):

1. Open your unpublished campaign containing the Interscroller ad and click the Manage creatives button

2. Ensure that your creative’s Placement size dimensions are set up for fullscreen.


Note: Placement size
is the visible area purchased on the website where the ad will be published. The size of the creative is set to 640x1280 px, which is fullscreen on high aspect ratio mobile devices. When designing, bear in mind that most popular phones have a safe area of 640x854 px.


3. Confirm your chosen Platform, where you’ll publish the ad. Read the Supported channels and platforms article to learn more about ad platforms.

4. Click the Save button to confirm that your creative is ready for publishing.

5. To publish, click the empty checkbox in the upper creative’s menu and click the Publish button. Optionally, enter your publisher/channel’s email to let them know that the ad is running in CM. They can use your provided tag script. Otherwise, skip that step and click the final Publish button.

 

Note: Contact [email protected] if your publisher is not listed.

Once your creative is published, an output tag is generated. Download the .zip or .txt tag from the Tags published window to copy and insert the tag script into an HTML or third-party placement.  


Modify Interscroller tag 

You can modify an ad tag by first becoming familiar with the structure of a tag. The following Interscroller tag script example spells out the attributes contained in the tag, which informs the ad server of the ad’s identity, how the ad should look, and function. Depending on your previously built Interscroller creative, your tag may look similar to the following:

<ins class="adcads"

data-adc-id="b5ulLS0nJB5g"

data-unit="b5ulLS0nJB5g"

data-clickable="yes"

data-click-macro="%%CLICK_URL_UNESC%%"

data-redir="yes"

data-click-tracker="%%CLICK_URL_UNESC%%YOURURLHERE"    

data-custom-close="no"

data-use-mraid="yes"

data-responsive="yes"

data-width="640"

data-height="1280"

data-interscroller="yes">

    <script src="https://media.adcanvas.com/b5ulLS0nJB5g/adtag.js" type="text/javascript"></script>

</ins>

<script src="mraid.js" onload="window.mraidLoaded();" async defer></script>

/**************************************************************/


Setup customized tag

Review the following list of tag attributes found in this Interscroller tag to get a better understanding of their purpose. You can then modify, replace, or remove some attributes for customizing your ad tag. Lastly, combine your modified tag attributes with the original, then copy, and insert the tag attributes that you want to use into an HTML or third-party placement.

1. data-adc-id=“b5ulLS0nJB5g" 

Description: it’s a generated hash, referred to as Nexd’s creative ID. This tag ID is the main element that identifies which creative to show.

Default value: None (required value)

2. data-unit=“b5ulLS0nJB5g" 

Description: deprecated. Refers to the Nexd internal ID. Do not change, otherwise, the tracking ID will change and its link to the creative will be broken.

3. data-clickable=“yes" 

Description: defines if the entire ad will be clickable and if the tracking URL will be specified in the data-click-tracker, except for asset-specific click tags. If the click area doesn't have an asset-specific tracker, then the global tracker is used.

Values: yes, no

Default value: yes

4. data-click macro=“%%CLICK_URL_UNESC%%"

Description: a macro is a placeholder for an ad server, which tells it to fill that space with a real value when the ad is served. 

Example: If you want to add a tracking URL, the CLICK_URL_UNESC text should be replaced by a tracking URL each time the ad is served.

5. data-redir=“yes"

Description: defines whether the platform where the tag is inserted handles redirections by itself. If set to no, Nexd tags will define the redirection.

Values: yes, no

Default value: no

6. data-click-tracker=“%%CLICK_URL_UNESC%%YOURURLHERE"

Description: Global Click URL specifies where the end-user will be sent after a click has been initiated. This can be overridden by asset-specific click tags, such as data-click-tag-[1 / card_1 / 2]="YOURURLHERE"

Value: Absolute URL with Macros. For example, the entire URL with macro, such as https://nexd.com/?utm_medium=test

Default value: about:blank 

7. data-custom-close=“no"

Description: defines whether to use Nexd's close button icon on the top right corner or use the platform's own button. 

Values: yes, no

Default value: yes for Interstitial and Expandable. No for In-feed and Understitial (Interscroller). 

8. data-use-mraid=“yes"

Description: determines the enforcing of MRAID usage. Auto defines the functionality as being validated against strict functionality. Provided by IAB and uses its placement’s functionality. Yes enforces the use of all required MRAID functionalities.
 

Note: It's highly suggested that it be set to auto for programmatic environments.

Value: yes, auto, no

Default value: auto 

9. data-responsive=“yes" 

Description: if the ad acts responsively. Responsiveness typically refers to how the creative automatically tries to fill the placement or for mobile devices to detect the correct feed layout.

Values: yes, no

Default value: yes

10. data-width=“640" 

Description: the ad width in pixels. This typically refers to the placement size width, where the ad is inserted.

Values: Pixels

Default value: Placement width

Note: Default value not dependable.

11. data-height=“1280"

Description: The ad height in pixels. Data-width and data-height typically offer suggestions of how big an ad should be and most importantly, it displays the height-weight ratio to suggest the ad’s responsiveness. The tags AI attempts to understand the type of page the ad will be placed on and how large an ad must be put when playing with ad size. The ad must always fit the determined height-weight ratio.

Values: Pixels

Default value: Placement height

Note: Default value not dependable.

12. data-interscroller=“yes" 

Description: defines if the ad works as an Understitial (background) element or not. Size refers to the viewport, how much of the creative can be seen at once. Creative will always be set at fullscreen.

Values: yes, no

Default value: no


Additional tag options

Add additional tag attributes to your Interscroller creative by copying and pasting the following scripts as necessary.

A. data-tracking=“yes" 

Description: when set to false, tracking information is not sent to Nexd.

Values: yes, no

Default value: yes

B. data-has-desktop=“no"

Description: defines whether the advertisement is made for desktop environments, which then act on different logics.

Values: yes, no

Default value: no

C. data-interstitial=“no"

Description: also known as Fullscreen. It defines if the advertisement will break out of the placement and act as an overlay fullscreen element. Not available for desktop ad layouts.

Values: yes, no

Default value: no

D. data-debug="no"

Description: defines if extra debugging data is sent to Nexd's core system. This helpful information allows Nexd to proactively monitor and collect data about potential issues. No personalized data is sent, only information about ad performance and its immediate ad surroundings.

Value: yes, no

Default value: no

E. data-click-tag-[1 / card_1 / 2]=“YOURURLHERE"

Description: asset-specific click URL. This will be used either in paging events or when a designated asset is clicked on.

Value: Absolute URL with Macros. For example, the entire URL with macro, such as https://nexd.com/?utm_medium=test

Default value: about:blank

Best practices

To ensure a seamless experience with mobile Interscroller ad types: 

  1. It’s suggested that you use assets sized at 640x1280 for optimal image quality on both low and high aspect ratio devices. For layouts using multiple asset tiles, specific asset sizes may vary.
  2. Avoid programmatic campaigns since they don’t offer safe area frames, and your content may be cropped incorrectly.
  3. Ensure that your ad is inside of the feed.
  4. Deal directly with publishers, it’s optional but ideal, as they’re familiar with Interscroller ad placements.


More articles regarding ad tags

Using NEXD Tags and understanding them

Working with ad tags

Implementing impression and click trackers manually to your tag

Troubleshooting third-party trackers with the tag validator tool

Testing NEXD Campaign Manager on your site

Invalid Quotation Marks

Sending and sharing tracking tags and scripts with the NEXD team

NEXD Campaign Manager Testing Tags

Tracking custom NEXD Campaign Manager events in your own platform

Nexd Campaign Manager User Guide

A/B Testing Creatives

NEXD Campaign Manager & deep linking

Did this answer your question?