{"__v":12,"_id":"567b43774cde0321001e1186","category":{"__v":34,"_id":"555627c5ea5e120d001884ff","pages":["555627c6ea5e120d00188501","55562fbdea5e120d00188526","5556368b150ba30d00f4e0b7","5556590e26e9bc0d0044eb61","55567be0150ba30d00f4e248","55567bf026e9bc0d0044ec55","55567c08150ba30d00f4e24a","55567c14150ba30d00f4e24c","55567c4426e9bc0d0044ec59","55567c501026001900d72abc","55567c5926e9bc0d0044ec5d","55567c9a1026001900d72abf","55567cd9150ba30d00f4e24f","55567ce4150ba30d00f4e251","55567ced26e9bc0d0044ec61","555698d62f6b480d0034d9a4","55e0c386dc6b2e170074f2e3","55e0c5e15087cb1900986c16","55e0f99926f51b0d009b1744","567b35067c40060d0056041d","567b3531ee052b1700dbd9da","56846a5a65976e0d00001c57","5684783bc11c7e0d00aaff71","56847cb55a66610d006eabbd","56848a0cf72e9e0d00e098e5","568ccdf38602880d001ce230","569431fcd8c04d1700e5ae05","569ebe1ad233620d007055fb","569edd718f6d4b0d00f13b91","56aa5c3d13a69a0d00a77a09","56aa6eda4d38401900199f7a","56c7a7d5f9aa3b0d00c8457b","56d0ab1440d36e1d00bc143b","56ec9c5a493ce620008ea4c8"],"project":"555627c4ea5e120d001884fb","version":"555627c4ea5e120d001884fe","reference":false,"createdAt":"2015-05-15T17:07:17.512Z","from_sync":false,"order":0,"slug":"design","title":"Design Studio"},"project":"555627c4ea5e120d001884fb","user":"55562799ea5e120d001884f8","version":{"__v":10,"_id":"555627c4ea5e120d001884fe","project":"555627c4ea5e120d001884fb","hasDoc":true,"hasReference":true,"createdAt":"2015-05-15T17:07:16.918Z","releaseDate":"2015-05-15T17:07:16.918Z","categories":["555627c5ea5e120d001884ff","55562a5526e9bc0d0044ea47","555653821026001900d72a3c","5556685c1026001900d72a85","5556687626e9bc0d0044ec04","555668821026001900d72a87","55566892150ba30d00f4e206","555668b826e9bc0d0044ec05","55e0fb6026f51b0d009b1746","567b3b3017368a0d009a6e54"],"is_deprecated":false,"is_hidden":false,"is_beta":false,"is_stable":true,"codename":"","version_clean":"1.0.0","version":"1.0"},"updates":[],"createdAt":"2015-12-24T00:59:35.654Z","link_external":false,"link_url":"","githubsync":"","sync_unique":"","hidden":false,"api":{"examples":{"codes":[]},"results":{"codes":[]},"settings":"","auth":"required","params":[],"url":""},"isReference":false,"order":7,"body":"[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Overview\"\n}\n[/block]\nView triggers allow for an ad to accept an action when “in view” or when “out of view” based on certain criteria. For example, a video desktop ad can be set to play only when in view. On mobile, the new view triggers allow for ad content to display at the most optimal and relevant time or hides the ad content as to not disrupt the page. \n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Getting Started\"\n}\n[/block]\nView triggers are an available trigger on each stage.  When on the stage layer, open the actions panel to expose the new trigger. \n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://www.filepicker.io/api/file/dPK74AwPQxOZTwgtES1N\",\n        \"Screen+Shot+2015-08-19+at+1.25.34+PM.png\",\n        \"224\",\n        \"248\",\n        \"#4d6e94\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\n## Setting Thresholds\nOnce a trigger has been selected, you'll have some options to set thresholds on what determines in or out of view. We default to the IAB standard of 50% viewable for a minimum of 1 second. These defaults can be adjusted to your specific parameters. \n  * Viewable Threshold can be set to % or px. \n  * Viewable area can be defined as entire ad, top of ad or bottom of ad. \n  * Duration of viewable area determines the amount of time in/out of view before triggering. \n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://www.filepicker.io/api/file/xq7hrTU5SmCPXjd6yGg6\",\n        \"Screen+Shot+2015-08-19+at+1.25.55+PM.png\",\n        \"388\",\n        \"102\",\n        \"#1b3b5a\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\n**Example Ad:** [Click here](https://flite.site/make_component.action?forwardTemplate=&item=6828335) to copy a simple ad into your account that has an *in view* trigger set. \n\nFor additional questions, please contact Flite support at [support.flite.com](https://flite.site). \n[block:embed]\n{\n  \"html\": \"<iframe class=\\\"embedly-embed\\\" src=\\\"//cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fplayer.vimeo.com%2Fvideo%2F143061062&url=https%3A%2F%2Fvimeo.com%2F143061062&image=http%3A%2F%2Fi.vimeocdn.com%2Fvideo%2F540537272_1280.jpg&key=02466f963b9b4bb8845a05b53d3235d7&type=text%2Fhtml&schema=vimeo\\\" width=\\\"1280\\\" height=\\\"720\\\" scrolling=\\\"no\\\" frameborder=\\\"0\\\" allowfullscreen></iframe>\",\n  \"url\": \"https://vimeo.com/143061062\",\n  \"title\": \"Flite Viewable Triggers\",\n  \"favicon\": \"https://f.vimeocdn.com/images_v6/favicon.ico\",\n  \"image\": \"http://i.vimeocdn.com/video/540537272_1280.jpg\"\n}\n[/block]\n\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Leveraging Viewabilty Triggers and Actions\"\n}\n[/block]\n  * Set trigger to \"In View\"\n  * Establish the intended thresholds\n  * Configure your Events Type to \"Fire Pixel\"\n  * Populate the URL field with a Flite Variable or the intended 3rd party tracking URL \n\nPasting a URL directly into the URL field (like below) will apply that 3rd Party tracking pixel to every ad tag generated from the ad unit.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://www.filepicker.io/api/file/4CzstAkQq2anFi3Aqt1c\",\n        \"Screen+Shot+2015-08-22+at+1.15.11+PM.png\",\n        \"344\",\n        \"193\",\n        \"#3f95e0\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\nAssociating a Flite Variable with the \"Fire Pixel\" URL field (like below) will allow for the ad trafficking team to change the 3rd party tracking URL within the Traffic module at the placement level.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://www.filepicker.io/api/file/kuVYIvueSSWoSaalfqwL\",\n        \"Screen+Shot+2015-08-22+at+1.15.47+PM.png\",\n        \"325\",\n        \"188\",\n        \"#3c94d4\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]","excerpt":"","slug":"design-studio-in-and-out-of-view-triggers","type":"basic","title":"Viewable Triggers"}

Design Studio

Campaign Studio

Report Studio

Metrics

Flite Console

Ad Ops

Component Studio

Viewable Triggers

[block:api-header] { "type": "basic", "title": "Overview" } [/block] View triggers allow for an ad to accept an action when “in view” or when “out of view” based on certain criteria. For example, a video desktop ad can be set to play only when in view. On mobile, the new view triggers allow for ad content to display at the most optimal and relevant time or hides the ad content as to not disrupt the page. [block:api-header] { "type": "basic", "title": "Getting Started" } [/block] View triggers are an available trigger on each stage. When on the stage layer, open the actions panel to expose the new trigger. [block:image] { "images": [ { "image": [ "https://www.filepicker.io/api/file/dPK74AwPQxOZTwgtES1N", "Screen+Shot+2015-08-19+at+1.25.34+PM.png", "224", "248", "#4d6e94", "" ] } ] } [/block] ## Setting Thresholds Once a trigger has been selected, you'll have some options to set thresholds on what determines in or out of view. We default to the IAB standard of 50% viewable for a minimum of 1 second. These defaults can be adjusted to your specific parameters. * Viewable Threshold can be set to % or px. * Viewable area can be defined as entire ad, top of ad or bottom of ad. * Duration of viewable area determines the amount of time in/out of view before triggering. [block:image] { "images": [ { "image": [ "https://www.filepicker.io/api/file/xq7hrTU5SmCPXjd6yGg6", "Screen+Shot+2015-08-19+at+1.25.55+PM.png", "388", "102", "#1b3b5a", "" ] } ] } [/block] **Example Ad:** [Click here](https://flite.site/make_component.action?forwardTemplate=&item=6828335) to copy a simple ad into your account that has an *in view* trigger set. For additional questions, please contact Flite support at [support.flite.com](https://flite.site). [block:embed] { "html": "<iframe class=\"embedly-embed\" src=\"//cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fplayer.vimeo.com%2Fvideo%2F143061062&url=https%3A%2F%2Fvimeo.com%2F143061062&image=http%3A%2F%2Fi.vimeocdn.com%2Fvideo%2F540537272_1280.jpg&key=02466f963b9b4bb8845a05b53d3235d7&type=text%2Fhtml&schema=vimeo\" width=\"1280\" height=\"720\" scrolling=\"no\" frameborder=\"0\" allowfullscreen></iframe>", "url": "https://vimeo.com/143061062", "title": "Flite Viewable Triggers", "favicon": "https://f.vimeocdn.com/images_v6/favicon.ico", "image": "http://i.vimeocdn.com/video/540537272_1280.jpg" } [/block] [block:api-header] { "type": "basic", "title": "Leveraging Viewabilty Triggers and Actions" } [/block] * Set trigger to "In View" * Establish the intended thresholds * Configure your Events Type to "Fire Pixel" * Populate the URL field with a Flite Variable or the intended 3rd party tracking URL Pasting a URL directly into the URL field (like below) will apply that 3rd Party tracking pixel to every ad tag generated from the ad unit. [block:image] { "images": [ { "image": [ "https://www.filepicker.io/api/file/4CzstAkQq2anFi3Aqt1c", "Screen+Shot+2015-08-22+at+1.15.11+PM.png", "344", "193", "#3f95e0", "" ] } ] } [/block] Associating a Flite Variable with the "Fire Pixel" URL field (like below) will allow for the ad trafficking team to change the 3rd party tracking URL within the Traffic module at the placement level. [block:image] { "images": [ { "image": [ "https://www.filepicker.io/api/file/kuVYIvueSSWoSaalfqwL", "Screen+Shot+2015-08-22+at+1.15.47+PM.png", "325", "188", "#3c94d4", "" ] } ] } [/block]