Action: Go To Screen

This article will walk you through adding the Go To Screen action to an ad unit

In this article, you will learn:

How to Add Actions to an Ad Unit

How to Add a Go To Screen Action

How to Configure the Go To Screen Action

How to Add Actions to an Ad Unit

Actions are single-event operations to trigger something specific to happen within your ad build. Any asset, text box, shape or Hitbox can have a corresponding Action set to it.

  1. Choose the ad format and dimensions of the ad unit you wish to add the Action to.  For guidance on building specific formats, check out this article.
  2. Once you have created your ad, select the object you’d like to set an action to. 
  3. Click the blue "Add Action" button on the right side of the builder:

    KB-Open-Overlay-Add-Action
  4. The "Actions" section will then appear in the Properties panel:

    KB-Add-Actions
  5. You have the option to Open URL, Go To Screen, Open Adhesion, Open Overlay, Open as Full Page Flex, Open Sidekick, Call, Close Ad, Add To Calendar, Email, or Download File.

How to Add a Go To Screen Action

The Go To Screen Action will launch/open another screen in your ad unit.

  1. Select the asset or object on your canvas that you'd like to add the Go To Screen Action to.
  2. Select Go To Screen from the Action dropdown menu:

    KB-Go-To-Screen
  3. Once selected, the following fields will show:

    KB-Go-To-Screen3
  4. Click the dropdown menu beneath "Action On" to select how the action is triggered:

    KB-Action-Go-To-Screen-Action-On

How to Configure the Go To Screen Action

The configuration options for the Go To Screen Action are explained below:

Report Label (Optional) Append a unique label for the Go To Screen action, which will display in campaigns and reporting.
Action Single-event operations which trigger something specific to happen within an ad build.
Action On The event that will trigger the action. 
Click

The action is triggered when a user clicks on the action area.

Hover Over Triggers action on mouse hover over.

Hover Off

Triggers action on mouse hover off.
Timed

Set the amount of time in seconds before the action is triggered.

* If selected, you'll be prompted to set the Frequency of how often you want the screen to automatically open, as well as the Delay time. You also have the option to cancel the timed action on engagement (optional). More information below.

In View

Triggers the action when ad comes into view.

* If selected, you'll be prompted to set the Frequency of how often you want the ad to automatically Go To Screen. More information below.

Mobile Swipe

Triggers the action on user swipe of ad content.

* Available for left/right and up/down swiping

Mobile Shake Triggers the action when the user shakes the device.
On Scroll

Triggers the action on user scroll.

  • Greater Than - Triggers the action when a user scrolls greater than a certain pixel distance.
  • Less Than - Triggers the action when a user scrolls less than a certain pixel distance.
Screen The screen in the ad unit that will launch/open when the action is triggered.
Transition The animation effect - Slide, Fade or Push.
  • Slide – Screen slides left, right, up or down.
  • Fade – Screen crossfades to the next.
  • Push – Screen pushes page content down or up.
Transition Time Speed of the transition animation (Default is set at 300ms).
Direction If Slide or Fade is selected as the transition animation, you have the option to choose the direction:
  • Up, Down, Left, Right, X-Auto (auto detect).

 

Go To Screen - Action On Click – User click triggers the action.

  1. Select Click from the Action On dropdown menu:

    KB-Actions-Go-To-Screen-Click.png
    KB-Actions-Go-To-Screen-Click2
  2. Select the screen in the ad unit that will launch/open when the action is triggered:

    KB-Open-Overlay-Screen
    * Note - Be sure you have added screens before you get to this step, or they will not be available in the drop down menu. More information on adding additional screens can be found within our Screens & Layers article.
    When adding a second screen, the second screen can be be the same width as your first screen, but does not necessarily need to be, depending on your ad.

  3. Select the Transition animation:

    KB-Action-Go-To-Screen-On-Click-Transition
  4. If Fade or Slide is selected as the Transition, you will have the option to choose the Direction:

    KB-Action-Go-To-Screen-On-Click-Direction
  5. Set the speed of the transition animation (Default is set at 300ms):

    KB-Action-Go-To-Screen-Transition-Time
  6. Add your report label (optional).

 

Go To Screen - Action On Hover Over – User triggers the action on mouse hover over.

  1. Select Hover Over from the Action On dropdown menu:

    KB-Actions-Go-To-Screen-Hover-Over
      KB-Actions-Go-To-Screen-Hover-Over2
    • Select the screen in the ad unit that will launch/open when the action is triggered:

      KB-Open-Overlay-Screen

      * Note - Be sure you have added screens before you get to this step, or they will not be available in the drop down menu. More information on adding additional screens can be found within our Screens & Layers article.
      When adding a second screen, the second screen can be be the same width as your first screen, but does not necessarily need to be, depending on your ad.

    • Select the Transition animation:

      KB-Action-Go-To-Screen-On-Click-Transition
    • If Fade or Slide is selected as the Transition, you will have the option to choose the Direction:

      KB-Action-Go-To-Screen-On-Click-Direction
    • Set the speed of the transition animation (Default is set at 300ms):

      KB-Action-Go-To-Screen-Transition-Time
    • Add your report label (optional).

     

    Go To Screen - Action On Hover Off – User triggers the action on mouse hover off.

    1. Select Hover Off from the Action On dropdown menu:

      KB-Actions-Go-To-Screen-Hover-Off
      KB-Actions-Go-To-Screen-Hover-Off2
    2. Select the screen in the ad unit that will launch/open when the action is triggered:

      KB-Open-Overlay-Screen
      * Note - Be sure you have added screens before you get to this step, or they will not be available in the drop down menu. More information on adding additional screens can be found within our Screens & Layers article.
      When adding a second screen, the second screen can be be the same width as your first screen, but does not necessarily need to be, depending on your ad.

    3. Select the Transition animation:

      KB-Action-Go-To-Screen-On-Click-Transition
    4. If Fade or Slide is selected as the Transition, you will have the option to choose the Direction:

      KB-Action-Go-To-Screen-On-Click-Direction
    5. Set the speed of the transition animation (Default is set at 300ms):

      KB-Action-Go-To-Screen-Transition-Time
    6. Add your report label (optional).

     

    Go To Screen - Action On Timed – Set the amount of time in seconds before the action is triggered.

    1. Select Timed from the Action On dropdown menu:

      KB-Actions-Go-To-Screen-Timed
      KB-Actions-Go-To-Screen-Timed2
    2. Select the screen in the ad unit that will launch/open when the action is triggered:

      KB-Open-Overlay-Screen
      * Note - Be sure you have added screens before you get to this step, or they will not be available in the drop down menu. More information on adding additional screens can be found within our Screens & Layers article.
      When adding a second screen, the second screen can be be the same width as your first screen, but does not necessarily need to be, depending on your ad.

    3. Select the Transition animation:

      KB-Action-Go-To-Screen-On-Click-Transition
    4. If Fade or Slide is selected as the Transition, you will have the option to choose the Direction:

      KB-Action-Go-To-Screen-On-Click-Direction
    5. Set the speed of the transition animation (Default is set at 300ms):

      KB-Action-Go-To-Screen-Transition-Time
    6. Select the Frequency of expansion:

      KB-Frequency
    7. Set the delay (in seconds) before the action is triggered:

      KB-Open-Overlay-Timed-Delay
    8. You have the option to Cancel On Engagement - cancels the timed action if the user engages with the ad unit (includes hovering over the ad for 2+ seconds).
    9. Add your report label (optional).

    Go To Screen - Action On In View – Triggers the action when the ad comes into view.

    1. Select In View from the Action On dropdown menu:

      KB-Actions-Go-To-Screen-In-View
      KB-Actions-Go-To-Screen-In-View2
    2. Select the screen in the ad unit that will launch/open when the action is triggered:

      KB-Open-Overlay-Screen
      * Note - Be sure you have added screens before you get to this step, or they will not be available in the drop down menu. More information on adding additional screens can be found within our Screens & Layers article.
      When adding a second screen, the second screen can be be the same width as your first screen, but does not necessarily need to be, depending on your ad.

    3. Select the Transition animation:

      KB-Action-Go-To-Screen-On-Click-Transition
    4. If Fade or Slide is selected as the Transition, you will have the option to choose the Direction:

      KB-Action-Go-To-Screen-On-Click-Direction
    5. Set the speed of the transition animation (Default is set at 300ms):

      KB-Action-Go-To-Screen-Transition-Time
    6. Select the Frequency of expansion:

      KB-Frequency
    7. Add your report label (optional).

    Go To Screen - Action On Mobile Swipe –  Triggers the action on user swipe of ad content - available for left/right and up/down swiping.

    1. Select Mobile Swipe from the Action On dropdown menu:

      KB-Actions-Go-To-Screen-Mobile-Swipe
      KB-Actions-Go-To-Screen-Mobile-Swipe2
    2. Select the screen in the ad unit that will launch/open when the action is triggered:

      KB-Open-Overlay-Screen
      * Note - Be sure you have added screens before you get to this step, or they will not be available in the drop down menu. More information on adding additional screens can be found within our Screens & Layers article.
      When adding a second screen, the second screen can be be the same width as your first screen, but does not necessarily need to be, depending on your ad.

    3. Select the Transition animation:

      KB-Action-Go-To-Screen-On-Click-Transition
    4. If Fade or Slide is selected as the Transition, you will have the option to choose the Direction:

      KB-Action-Go-To-Screen-On-Click-Direction
    5. Set the speed of the transition animation (Default is set at 300ms):

      KB-Action-Go-To-Screen-Transition-Time
    6. Add your report label (optional).

      Go To Screen - Action On Mobile Shake – Triggers the action when the user shakes the device.

      1. Select Mobile Shake from the Action On dropdown menu:

        KB-Actions-Go-To-Screen-Mobile-Shake
        KB-Actions-Go-To-Screen-Mobile-Shake2
      2. Select the screen in the ad unit that will launch/open when the action is triggered:

        KB-Open-Overlay-Screen
        * Note - Be sure you have added screens before you get to this step, or they will not be available in the drop down menu. More information on adding additional screens can be found within our Screens & Layers article.
        When adding a second screen, the second screen can be be the same width as your first screen, but does not necessarily need to be, depending on your ad.

      3. Select the Transition animation:

        KB-Action-Go-To-Screen-On-Click-Transition
      4. If Fade or Slide is selected as the Transition, you will have the option to choose the Direction:

        KB-Action-Go-To-Screen-On-Click-Direction
      5. Set the speed of the transition animation (Default is set at 300ms):

        KB-Action-Go-To-Screen-Transition-Time
      6. Add your report label (optional).

      Go To Screen - Action On Scroll – Triggers the action when the user scrolls greater than or less than a certain distance (in pixels).

      Note - This action is recommended for containers that will be in view when the page loads. We recommend testing on an actual page to determine the correct size. This action can be added to any type of format.

      1. Select On Scroll from the Action On dropdown menu:

        KB-Actions-Go-To-Screen-On-Scroll
        KB-Actions-Go-To-Screen-On-Scroll2
      2. Select the Scroll setting - Choose between Greater Than, or Less Than.
        1. Greater Than - Triggers the action when a user scrolls greater than a certain pixel distance.
          1. Set the distance (in pixels) you want users to scroll before the Screen opens:

            KB-Action-Open-Adhesion-On-Scroll-Distance
        2. Less Than - Triggers the action when a user scrolls less than a certain pixel distance.
          1. Set the distance (in pixels) you want users to scroll before the Screen opens:

            KB-Action-Open-Adhesion-On-Scroll-Distance
      3. Select the screen in the ad unit that will launch/open when the action is triggered:

        KB-Open-Overlay-Screen
        * Note - Be sure you have added screens before you get to this step, or they will not be available in the drop down menu. More information on adding additional screens can be found within our Screens & Layers article.
        When adding a second screen, the second screen can be be the same width as your first screen, but does not necessarily need to be, depending on your ad.

      4. Select the Transition animation:

        KB-Action-Go-To-Screen-On-Click-Transition
      5. If Fade or Slide is selected as the Transition, you will have the option to choose the Direction:

        KB-Action-Go-To-Screen-On-Click-Direction
      6. Set the speed of the transition animation (Default is set at 300ms):

        KB-Action-Go-To-Screen-Transition-Time
      7. Add your report label (optional).

        Save and Preview to test.

        Additional Notes

        • To add additional actions, select the blue “Add Action” button above your previously added Go To Screen action:

        KB-Open-Overlay-Add-New-Action

        • Action 2 will then be added to the Actions Properties panel:
        KB-Actions-Action2

        • To remove an action, select the object/layer/asset that has the action set and click the - (minus) button located at the top right of the added action, within actions panel.
        • Clicking the + (plus) button will add a new action directly below the selected action.

          KB-Actions-Delete-Action