Action: Open Adhesion

This article will walk you through adding the Open Adhesion action to an ad unit

In this article, you will learn:

How to Add Actions to an Ad Unit

How to Add the Open Adhesion Action

How to Configure the Open Adhesion 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 the Open Adhesion Action

The Open Adhesion action adds an adhesion to the bottom of the screen, which can be triggered on user click, hover over, hover off, timed, in view, mobile swipe, mobile shake, or on scroll.

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

    KB-Action-Open-Adhesion
  3. Once selected, the following fields will show:

    KB-Actions-Open-Adhesion
  4. Click the dropdown menu beneath "Action On" to select how the action is triggered:

    KB-Open-Adhesion-Action-On

How to Configure the Open Adhesion Action

The configuration options for the Open Adhesion Action are explained below:

Report Label (Optional) Append a unique label for the Open Adhesion 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 adhesion to automatically open. You also have the option to Hide the Close Button. 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 open. 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.
  • Out Of View - Triggers the action when a user scrolls past the ad unit, and it is no longer in view.
    • If Out Of View is selected, you have the option to Close Adhesion When In View.
Screen The screen in the ad unit that will launch/open the Adhesion.
Hide Close Button If selected, the default “x” close button will not appear.

 

Open Adhesion - Action On Click – User click triggers the action.

  1. Select Click from the Action On dropdown menu:

    KB-Actions-Open-Adhesion-Click
    KB-Actions-Open-Adhesion
  2. Select the screen that contains the content which will open in the Adhesion:

    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. Configure the settings outlined in the table at the beginning of this section.

 

 Open Adhesion - Action On Hover Over – User triggers the action on mouse hover over.

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

    KB-Actions-Open-Adhesion-Hover-Over
      KB-Actions-Open-Adhesion-Hover-Over2
    • Select the screen that contains the content which will open in the Adhesion:

      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.

    • Configure the settings outlined in the table at the beginning of this section.

     

    Open Adhesion - Action On Hover Off – User triggers the action on mouse hover off.

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

      KB-Actions-Open-Adhesion-Hover-Off
      KB-Actions-Open-Adhesion-Hover-Off2
    2. Select the screen that contains the content which will open in the Adhesion:

      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. Configure the settings outlined in the table at the beginning of this section.

     

    Open Adhesion - 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-Open-Adhesion-Timed2
    2. Select the screen that contains the content which will open in the Adhesion:

      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 Frequency of expansion:

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

      KB-Open-Overlay-Timed-Delay

    5. Configure the settings outlined in the table at the beginning of this section.

     

    Open Adhesion - 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-Open-Adhesion-In-View2
    2. Select the screen that contains the content which will open in the Adhesion:

      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 Frequency of expansion:

      KB-Frequency
    4. Configure the settings outlined in the table at the beginning of this section.

    Open Adhesion - 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-Open-Adhesion-Mobile-Swipe2
    2. Select the screen that contains the content which will open in the Adhesion:

      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. Configure the settings outlined in the table at the beginning of this section.

     

      Open Adhesion - 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-Open-Adhesion-Mobile-Shake2
      2. Select the screen that contains the content which will open in the Adhesion:

        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. Configure the settings outlined in the table at the beginning of this section.

       

      Open Adhesion - Action On Scroll – Triggers the action when the user scrolls greater than or less than a certain distance (in pixels), or out of view of the ad unit.

      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-Open-Adhesion-On-Scroll2
      2. Select the Scroll setting - Choose between Greater Than, Less Than, or Out Of View.
        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 Adhesion 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 Adhesion opens:

            KB-Action-Open-Adhesion-On-Scroll-Distance
        3. Out Of View - Triggers the action when a user scrolls past the ad unit, and it is no longer in view.
          1. If Out Of View is selected, you have the option to Close Adhesion When In View.

      3. Select the screen that contains the content which will open in the Adhesion:

        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. Configure the settings outlined in the table at the beginning of this section.

        Save and Preview to test.

        Additional Notes

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

        KB-Open-Overlay-Add-New-Action

          • Action 2 will then be added to the bottom of 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