DoubleClick Studio Custom Lightbox
1.)
Upon which action(s) can an HTML5 Lightbox ad expand when served to touch enabled devices?
- A) Tap
- B) Tap or drag
- C) Hover
- D) Scroll
2.)
Setting the expansion mode to Lightbox ensures that the following Lightbox functionalities are implemented:
- A) YouTube video tracking.
- B) Gray translucent background on the engaged state.
- C) Removing the close button from the top right corner.
- D) 10 second hover.
3.)
A border of contrasting color is required on all invitation states.
- A) True
- B) False
4.)
You can only add a video in a Lightbox creative if the Youtube Player component is used.
- A) True
- B) False
5.)
What should be the size of the parent <div> if your invitation state is 120×600 and your expanded state is 970×250?
- A) 970×600
- B) 970×250
- C) 120×600
- D) 120×250
6.)
The Lightbox component has to be downloaded and installed before you can start to build a Lightbox creative in HTML5.
- A) True
- B) False
7.)
an expansion call-to-action (CTA) phrase in an invitation state _____.
- A) is not required
- B) must accurately reflect the ad serving platform (ex. ‘tap to expand’ when served to touch enabled devices)
- C) both B and C
- D) must clearly indicate the expansion (ex. ‘hover to expand’)
8.) Fill in the blank:
The recommended size for the expanded state of a Lightbox creative is ____ x ____.
9.)
In Studio, HTML5 Lightbox creatives upload as which format type?
- A) Expanding
- B) In-page
- C) Floating
- D) Mobile In-app
10.)
How long is the hover delay before a Lightbox creative expands on desktop?
- A) 1 second
- B) 2 seconds
- C) 3 seconds
- D) No delay
11.)
When you upload a cross-screen Lightbox creative to Studio, what format do you choose?
- A) Expanding
- B) In-page
- C) Mobile In-app
- D) Floating
12.)
For coverage across all screens when building a cross-screen HTML5 Lightbox creative, at a bare minimum, you should create invitation states in sizes 320 x 50 and 300 x 250.
- A) True
- B) False
13.)
To set your creative as a Lightbox, which line of code should be entered after the Enabler has been initialized?
- A) Enabler.setHint(‘expansionMode’,’lightbox’);
- B) Enabler.expansionMode(“lightbox”);
- C) Enabler.expand(‘expansionMode’),’lightbox’);
- D) Enabler.expand(“lightbox”);
14.)
Fill in the blank with the appropriate event:
Enabler.addEventListener(studio.events.StudioEvent.__________. function () { document.getElementById(‘invitation’).style.display = ‘block’ document.getElementbyId(‘engaged’).style.display = ‘none’; Enabler.finishFullscreenCollapse(); });
- A) FULLSCREEN_EXPAND_START
- B) FULLSCREEN_COLLAPSE_FINISH
- C) FULLSCREEN_COLLAPSE_START
- D) FULLSCREEN_EXPAND_FINISH
15.)
Because of how the GDN handles Lightbox expansion, you can’t track expansions using DoubleClick’s expand API. Instead, you can add a custom counter to track the expansion, but be sure to add it when the expand panel is fully loaded.
- A) True
- B) False
16.)
What are two of the most common reasons for QA rejection for Custom Lightbox ads?
- A) Lack of contrasting border & lack of lightbox background.
- B) Lack of contrasting border & failing to stop animation within 30 seconds.
- C) Lack of contrasting border & lack of close button.
- D) Lack of contrasting border & lack of 2 second hover delay.
17.)
What is the minimum amount of invitation states recommended to build a cross screen Lightbox creative?
- A) 4
- B) 2
- C) 1
- D) 3
18.)
Match the load size definition:
Column 1
- A) 150KB
- B) 2.2MB
- C) 10MB
Column 2
- a) Maximum total non-user initiated load size
- b) Recommended maximum for fastest initial load time
- c) Viewer-initiated load size per interaction
19.)
You don’t need to add a close button to the expanded state of a Lightbox creative because it’s automatically added to the top-right corner when the ad serves.
- A) True
- B) False
20.)
After how long should you stop all animation and video?
- A) 15 seconds
- B) 10 seconds
- C) 60 seconds
- D) 30 seconds
21.)
You shouldn’t add polite loading into a Lightbox as the GDN environment won’t recognize polite load.
- A) True
- B) False
22.)
YouTube and streaming videos have a limit of 10MB load size per interaction.
- A) True
- B) False
23.)
Cross-screen HTML5 Lightbox creatives use the DoubleClick Studio full screen expanding API.
- A) True
- B) False
24.)
What method does the creative use to request a fullscreen expansion in an HTML5 Lightbox?
- A) handleExpandMouseEvent();
- B) queryFullscreenDimensions()
- C) requestFullscreenExpand()
- D) FULLSCREEN_EXPAND_START
25.)
The maximum size for the expanded state of any type of Lightbox creative is 1000×700.
- A) True
- B) False
26.)
To determine the maximum available size for expanding, if you want to expand to smaller than or up to the maximum dimensions, call the queryFullscreenDimensions() method.
- A) True
- B) False
27.)
If a creative will run on both mobile devices and desktop, you should set the background images for the different invitation states/CTAs directly in the CSS.
- A) True
- B) False
28.)
Which is an accepted invitation state and expand dimension size?
- A) 300×250 to 1000×1000
- B) 468×60 to 1000×800
- C) 120×600 to Fullscreen
- D) 200×200 to 1000×800
29.)
Fill in the blank:
When you upload an HTML5 Lightbox creative in Studio, the z-index must be set to less than ____. Otherwise, the expanding progress bar won’t visible for the invitation state.
30.)
If your creative uses the YouTube player, you must create a test page using the GDN Expandable preview tool to check that the HTML5 Lightbox creative is working properly.
- A) True
- B) False
31.)
When you use the YouTube video player component, and the autoPlayType property is set to “none” or “preview”, it will increment the YouTube public view count.
- A) True
- B) False
32.)
You have to specify concrete expanded dimensions for cross-screen HTML5 Lightboxes.
- A) True
- B) False
