Merge pull request #116 from nypublicradio/brian-WE-7055

use breakpoints for leaderboard ads
nypublicradio · Apr 20, 2017 · 8960518 · 8960518
2 parents 76504ae + 670f817
commit 8960518
Show file tree

Hide file tree

Showing 4 changed files with 57 additions and 20 deletions.
diff --git a/app/channel/template.hbs b/app/channel/template.hbs
@@ -1,12 +1,19 @@
 {{#django-page page=model.page}}
   {{#unless model.channel.altLayout}}
-    {{dfp-ad
-      slotClassNames="is-collapsed l-constrained aligncenter"
-      slot="/6483581/leaderboard/wnyc_leaderboard"
-      target="leaderboard"
-      mapping=(array (array 1203 (array 970 415)) (array 758 (array 728 90)) (array 0 (array 300 50)))
-      sizes=(array (array 970 415) (array 728 90) (array 300 50))}}
-
+    {{#if media.isSmallOnly}}
+      {{dfp-ad
+        slotClassNames="is-collapsed l-constrained aligncenter leaderboard"
+        slot="/6483581/leaderboard/wnyc_leaderboard"
+        target="leaderboard"
+        sizes=(array (array 300 50))}}
+    {{else}}
+      {{dfp-ad
+        slotClassNames="is-collapsed l-constrained aligncenter leaderboard"
+        slot="/6483581/leaderboard/wnyc_leaderboard"
+        target="leaderboard"
+        mapping=(array (array 758 (array 728 90)) (array 1203 (array 970 415)))
+        sizes=(array (array 970 415) (array 728 90))}}
+    {{/if}}
   {{/unless}}
 
   {{#if model.channel.altLayout}}

diff --git a/app/shows/template.hbs b/app/shows/template.hbs
@@ -13,13 +13,20 @@
 </section>
 {{/if}}
 
-
-{{dfp-ad
-  slotClassNames="is-collapsed l-constrained aligncenter"
-  slot="/6483581/leaderboard/wnyc_leaderboard"
-  target="leaderboard"
-  mapping=(array (array 1203 (array 970 415)) (array 758 (array 728 90)) (array 0 (array 300 50)))
-  sizes=(array (array 970 415) (array 728 90) (array 300 50))}}
+{{#if media.isSmallOnly}}
+  {{dfp-ad
+    slotClassNames="is-collapsed l-constrained aligncenter leaderboard"
+    slot="/6483581/leaderboard/wnyc_leaderboard"
+    target="leaderboard"
+    sizes=(array (array 300 50))}}
+{{else}}
+  {{dfp-ad
+    slotClassNames="is-collapsed l-constrained aligncenter leaderboard"
+    slot="/6483581/leaderboard/wnyc_leaderboard"
+    target="leaderboard"
+    mapping=(array (array 758 (array 728 90)) (array 1203 (array 970 415)))
+    sizes=(array (array 970 415) (array 728 90))}}
+{{/if}}
 
 <div class="l-constrained l-constrained--mq-med">
 

diff --git a/app/stream/template.hbs b/app/stream/template.hbs
@@ -1,9 +1,17 @@
-{{dfp-ad
-  slotClassNames="is-collapsed l-constrained aligncenter"
-  slot="/6483581/leaderboard/wnyc_leaderboard"
-  target="leaderboard"
-  mapping=(array (array 1203 (array 970 415)) (array 758 (array 728 90)) (array 0 (array 300 50)))
-  sizes=(array (array 970 415) (array 728 90) (array 300 50))}}
+{{#if media.isSmallOnly}}
+  {{dfp-ad
+    slotClassNames="is-collapsed l-constrained aligncenter leaderboard"
+    slot="/6483581/leaderboard/wnyc_leaderboard"
+    target="leaderboard"
+    sizes=(array (array 300 50))}}
+{{else}}
+  {{dfp-ad
+    slotClassNames="is-collapsed l-constrained aligncenter leaderboard"
+    slot="/6483581/leaderboard/wnyc_leaderboard"
+    target="leaderboard"
+    mapping=(array (array 758 (array 728 90)) (array 1203 (array 970 415)))
+    sizes=(array (array 970 415) (array 728 90))}}
+{{/if}}
 
 <div class="l-constrained streams-page">
   <main class="l-col2of3">

diff --git a/app/templates/index.hbs b/app/templates/index.hbs
@@ -1,3 +1,18 @@
+{{#if media.isSmallOnly}}
+  {{dfp-ad
+    slotClassNames="is-collapsed l-constrained aligncenter leaderboard"
+    slot="/6483581/leaderboard/wnyc_leaderboard"
+    target="leaderboard"
+    sizes=(array (array 300 50))}}
+{{else}}
+  {{dfp-ad
+    slotClassNames="is-collapsed l-constrained aligncenter leaderboard"
+    slot="/6483581/leaderboard/wnyc_leaderboard"
+    target="leaderboard"
+    mapping=(array (array 758 (array 728 90)) (array 1203 (array 970 415)))
+    sizes=(array (array 970 415) (array 728 90))}}
+{{/if}}
+
 {{#django-page page=model.page class='l-constrained'}}
 
   {{#if media.isSmallOnly}}