Core Certification for HTML5 Exam Study Guide
Studio Certification is a qualification that demonstrates your knowledge and skills to build high quality Rich Media ads within DoubleClick Studio – ads that function as intended when displayed by the DoubleClick ad server.
The DoubleClick Studio Core HTML5 Certification exam guide covers key concepts including:
- The benefits of Studio Certification
- About HTML5 and HTML5 creative assets
- HTML5 Creative build formats
- Add HTML5 video with tracking
- The Studio HTML5 SDK
Disclaimer: Google trademarks are the property of Google Inc. This website is not officially affiliated or endorsed by Google Inc. in any way.
Part 1 – Core Fundamentals
1.) The __________ is required in every HTML5 Studio creative.
- A) Video player
- B) Enabler
- C) Expand component
- D) (Polite) Loader
2.) The requestCollapse() method makes an expanding HTML5 Studio creative no longer visible on the page.
- A) True
- B) False
3.) Calling the close() method within a HTML5 Studio floating creative will do the following.
4.) If using a custom close button for a HTML5 creative, which function could be used to track a “close” metric?
5.) In a HTML5 creative, using Enabler.exit(“ExitName”,”http://google.com”) will trigger which of the following to happen?
6.) Which of the following API is an incorrect use of Enabler.exitQueryString() in a HTML5 creative?
7.) In an HTML5 creative, you can use the counter() to track and launch a web page.
8.) With an HTML5 creative, you can add more than 400 custom counters, timers, and Exits.
9.) Can you track multiple videos in an HTML5 creative using DoubleClick Studio?
10.) Which method should you use to manually close a Floating creative in HTML5?
11.) Calling Enabler.startTimer(“Timer ABC”) starts a custom timer called “Timer ABC” in an HTML5 creative.
12.) Which of the following is the correct way to stop a custom timer called “Timer ABC” in an HTML5 creative?
13.) The EXIT event in a HTML5 creative dispatched when a user closes an ad.
14.) in an HTML5 creative, which event is dispatched when the page has finished loading?
Part 2 – HTML5 Formats
15.) What format are available for HTML Desktop and Mobile Web Rich Media?
16 i.) Select the best answer to fill in the blank.
“_____ creatives hover over the publisher’s page and can be closed with a close button.”
16 ii.) Which two options can be used to configure a Floating creative to close automatically?
17 i.) You can set up dimensions for HTML5 Floating creatives…
17 ii.) You can setup the XY position for HTML5 Floating creatives…
18 i.) You need two different HTML5 files to manage the collapsed and expanded panels of an Expanding creative.
18 ii.) How many HTML5 creatives should be added to build an Expanding creative?
19.) Display properties include an option to offset a pixel for an HTML5 Desktop Expanding creative.
20.) In a mobile web creative, which of the following is not available?
21.) Select the best answer to fill in the blank below:
“A ____ creative is sandboxes in an iframe that’s the size of the ad slot. This can expand and contract using the Enabler’s expand and collapse methods.”
22 i.) Which of the following issues with a backup image would result in a QA rejection?
22 ii.) You can target different browsers and device operating systems during the trafficking stage in DCM, but not in
23 i.) In-App creatives differ from Mobile Web creatives in that they are…
23 ii.) Which formats are supported for Mobile In-App?
24 i.) Do you need to include a close button in the creative when developing an In-App Interstitial creative?
24 ii.) When developing an In-App Interstitial for Studio, which statement is true?
25 i.) When building an In-App Interstitial that needs to conform to all device screen sizes (full-screen), the creatives requires which of the following?
25 ii.) To build a full-screen Interstitial that conforms to the device’s size, use the Flex Size (Interstitial, Smart Banner) creative size in Studio. This sets the size at 0x0 but causes the creative to resize on initial load to the full available area.
26.) If an In-App Expanding creative’s expanded panel needs to be full-screen on all device sizes, which of the following is required?
27 i.) For an In-App expanding format, although there’s no need to add a close button because the SDK automatically adds it, you can still add a custom close button or close the expanded panel on exit click.
27 ii.) There’s no need to add a close button to Interstitial and Expanding formats, as the SDK automatically adds one to the upper right corner when the ad goes live.
28.) What is the best way to preview and test mobile creatives with the Google Mobile Ads SDK?
Part 3 – HTML5 Studio UI
29.) Studio doesn’t limit the number of HTML files used in a creative.
30.) Which of the following are supported video formats in HTML5 creatives?
31.) In the HTML5 Preview tab, you can set up:
32.) You can test your creative orientation for an HTML5-compatible device in …
33.) When submitting HTML5 creatives to QA…
34.) Studio mobile Rich Media ads will run in mobile apps, because it is MRAID compliant with any publisher using an MRAID compliant SDK.
35 i.) An In-App creative must be trafficked in order to test on a mobile device application.
35 ii.) What is the best way to preview the graphical layout of an In-App creative and verify it displays properly on different mobile screen sizes?
36 i.) When creating an Interstitial In-App creative in Studio, which format should be selected?
36 ii.) When creating an Expanding In-App creative in Studio, which format should be selected?
Part 4 – HTML5 Studio API & Tracking
37 i.) The isInitialized() method returns true if the Studio Enabler has been initialized.
37 ii.) The INIT event is dispatched when the enabler component is initialized.
38 i.) Which Studio Event API is dispatched when the parent page has finished loading?
38 ii.) When the isPageLoaded() method returns a boolean value of “true”, what does it mean?
39.) You can add the same reporting identifier to multiple videos within the same creative.
40 i.) Which Studio Event API is dispatched when an ad is visually shown to a user?
40 ii.) what does the isServingInLiveEnvironment() method return if you are testing locally
40 iii.) The StudioEvent.ORIENTATION event is dispatched when a user rotates their device.
40 iv.) The isVisible() method returns the CSS style property of an element.
41 i.) The ORIENTATION event is dispatched when a user rotates their device?
41 ii.) Enabler.getOrientation() returns which of the following?
42 i.) Calling reportManualClose() triggers what event type?
42 ii.) What does the Enabler.close() API do in a floating creative?
43 i.) Calling Enabler.requestExpand(true) will trigger your Desktop or Mobile Web Creative to expand panel as well as track an expansion counter metric.
43 ii.) Calling Enabler.finishCollapse() within a Desktop or Mobile Web Expanding HTML5 creative will do the following.
44.) Fill in the blank.
What parameters are needed for a 728×90 ad to expand up to 728×270?
- Enabler.setExpandingPixelOffsets(_ ,___ ,___ , ___ );
45.) Using the setFloatingPixelDimensions() method will allow you to set the dimensions of a floating ad before uploading to the Studio UI.
46.) Fill in the the loadModule() call below in order to load the Video module.
- Enabler.loadModule(______.______.________._____, function(){
//code
});
47 i.) Enabler.getOrientation().getDegrees() returns a value of 0. This means that the device is in portrait mode.
47 ii.) Using the studio.video.Reporter class enables you to play video in an HTML5 creative.
48.) Complete the following sequence to successfully add video metrics to a HTML5 video.
- var video1 = document.getElementById(‘video1’);
Enabler.loadModule(studio.module.ModuleId._____, function()
{
studio.video.________.______(‘_______,video1);
});
49.) When building an In-App creative, it’s a best practice to wait for the Enabler to initialize before calling tracking methods.
50.) What event name is dispatched when an Expanding In-App creative collapses?
51.) Which Studio API method will attach our Studio video metrics to a video element?
52.) An Interstitial In-App creative requires the use of Enabler.requestExpand() to be full screen.
53.) When building an In-App Expanding creative, what API is used to enable the creative to expand to full-screen?
54.) What tracking metrics are supported in an In-App creative?
55.) Nothing in the ad should auto-execute until the Enabler has initialized. This ensures that everything is properly loaded and Enabler methods can be accessed before a user interacts with the ad.
56.) Drag and Drop the answers below in the correct order of operations to execute polite loading of an image.
57.) You must use getUrl() to successfully load an asset, such as an image, using javascript.
58.) The following API method will detach and stop a video in your creative:
studio.video.Reporter.detach(“Video Trailer”)
59.) How many creative sizes do you need to build for an In-App Expanding creative that is MRAID compliant?
60.) The In-App Preview available is both for testing screen size and emulating device hardware. If you test in Studio Preview, you can be assured that all features work exactly the same as if viewing on hardware.
