YouTube Masthead Close Button component
A YouTube Masthead Close Button is mandatory on all YouTube mastheads. To make it simpler to add a close button to mastheads created in Google Web Designer, install the YouTube Masthead Close Button component.
If you use a different HTML editor, use the Masthead Close Button custom element instead.
What does the YouTube Masthead Close Button do?
The YouTube Masthead Close Button has one main function: to collapse 100% of the masthead on the YouTube homepage. When a user clicks "Close Ad X," the ad disappears, page content pushes up, and a "Show Ad" button remains. When a user clicks "Show Ad," the ad reappears, the page content pushes down again, and the component displays a "Close Ad X" button again on the masthead.
The YouTube Close Button component ensures that the masthead works directly with the code on the YouTube homepage to push down and retract the YouTube page content.
- Download the YouTube Masthead Close Button component. (You don't need to unzip the file).
- In Google Web Designer, click the button at the bottom of the Components panel.
- Select the .zip file you downloaded and click "Open".
After installation, drag the component to the stage to start using it in your creative. You don't need to align it perfectly on the stage; The component will automatically position itself according to YouTube requirements. To customize the button's appearance, first select the component on the stage, then open the Properties panel and scroll down to Component properties.
|Name||Sets the video name.|
|Language||Lets you choose which language to display the "Close ad" button text in.
Available languages and translations
|Color theme||Sets the close Ad button color theme.|
|Shadow||When selected, a shadow will be shown beneath the "Close Ad" text.|
Events are how you connect a physical gesture from your user to a recorded action in your ad.
|close||Event recorded when the ad closes.||Enabler’s standard manual close counter.|
Components can't be previewed inside the Google Web Designer interface. To see the component in action, preview your ad in your preferred browser.