/
page.component.html
61 lines (55 loc) · 2.09 KB
/
page.component.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
<h1>
{{title}}
</h1>
<h3>
<a routerLink="/">Home</a>
<a routerLink="/somepage">SomePage</a>
<a routerLink="/somepage1">SomePage1</a>
</h3>
<h2>
320x50 or 728x90 or 970x90 responsive
</h2>
<dfp-ad adUnit="/35096353/pub-showcase" responsive>
<dfp-size [width]="320" [height]="50"></dfp-size>
<dfp-size [width]="728" [height]="90"></dfp-size>
<dfp-size [width]="970" [height]="90"></dfp-size>
<dfp-targeting key="food">
<dfp-value>chicken</dfp-value>
<dfp-value>meatballs</dfp-value>
<dfp-value>ice cream</dfp-value>
</dfp-targeting>
</dfp-ad>
<h2>
Responsive size mapping
</h2>
<dfp-ad adUnit="/35096353/pub-showcase">
<dfp-size [width]="320" [height]="50"></dfp-size>
<dfp-responsive [viewport]="[800,0]" [adSizes]="[[728,90],[600,300]]"></dfp-responsive>
<dfp-responsive [viewWidth]="1024">
<dfp-size [width]="970" [height]="90"></dfp-size>
<dfp-size [width]="1024" [height]="90"></dfp-size>
</dfp-responsive>
</dfp-ad>
<h2>
320x50 afterRefresh
</h2>
<dfp-ad adUnit="/35096353/pub-showcase" (afterRefresh)="refreshed($event)">
<dfp-size [width]="320" [height]="50"></dfp-size>
<dfp-targeting key="food" [value]="['chicken','meatballs']"></dfp-targeting>
</dfp-ad>
<h2>
320x50
</h2>
<dfp-ad adUnit="/35096353/pub-showcase">
<dfp-size [width]="320" [height]="50"></dfp-size>
<dfp-targeting key="sport" value="football"></dfp-targeting>
</dfp-ad>
<h2>
video ad , click to start
</h2>
<dfp-video width="640" height="480" [adActions]="adInput" (adEvents)="adEvent($event)" adTag="https://pubads.g.doubleclick.net/gampad/ads?sz=640x480&iu=/124319096/external/ad_rule_samples&ciu_szs=300x250&ad_rule=1&impl=s&gdfp_req=1&env=vp&output=vmap&unviewed_position_start=1&cust_params=deployment%3Ddevsite%26sample_ar%3Dpremidpost&cmsid=496&vid=short_onecue&correlator=">
<video class="video-js" controls preload="auto" data-setup="{}" poster="https://google-developers.appspot.com/interactive-media-ads/images/vsi_poster.jpg">
<source src="//s0.2mdn.net/4253510/google_ddm_animation_480P.mp4">
</video>
<div class="ad-container" (click)="adInput.emit('play')"></div>
</dfp-video>