Add Sevio vendor (#39982)

* Sevio Vendor skeleton

* Sevio Vendor skeleton config. Prefetch js

* Modify sevio.js file

* Modify path to amp.js instead of loader-amp.js

* Update path to CDN amp.js

* Fix sevio width and height - linter errors

* Added extra new line before and after sevio in the _config.js

3p/integration.js

@@ -237,6 +237,7 @@ import {runative} from '#ads/vendors/runative';
 import {sas} from '#ads/vendors/sas';
 import {seedingalliance} from '#ads/vendors/seedingalliance';
 import {sekindo} from '#ads/vendors/sekindo';
+import {sevio} from '#ads/vendors/sevio';
 import {sharethrough} from '#ads/vendors/sharethrough';
 import {shemedia} from '#ads/vendors/shemedia';
 import {sklik} from '#ads/vendors/sklik';
@@ -530,6 +531,7 @@ register('runative', runative);
 register('sas', sas);
 register('seedingalliance', seedingalliance);
 register('sekindo', sekindo);
+register('sevio', sevio);
 register('sharethrough', sharethrough);
 register('shemedia', shemedia);
 register('sklik', sklik);

3p/vendors/sevio.js

@@ -0,0 +1,12 @@
+// src/polyfills.js must be the first import.
+import '#3p/polyfills';
+
+import {register} from '#3p/3p';
+import {draw3p, init} from '#3p/integration-lib';
+
+import {sevio} from '#ads/vendors/sevio';
+
+init(window);
+register('sevio', sevio);
+
+window.draw3p = draw3p;

ads/_config.js

@@ -1195,6 +1195,12 @@ const adConfig = jsonConfiguration({
     renderStartImplemented: true,
   },
 
+  'sevio': {
+    preconnect: ['https://request.adx.ws'],
+    prefetch: ['https://cdn.adx.ws/scripts/amp.js'],
+    renderStartImplemented: true,
+  },
+
   'sharethrough': {
     renderStartImplemented: true,
   },

ads/vendors/sevio.js

@@ -0,0 +1,33 @@
+import {loadScript, validateData} from '#3p/3p';
+
+/**
+ * @param {!Window} global
+ * @param {!Object} data
+ */
+export function sevio(global, data) {
+  validateData(data, ['zone']);
+
+  const container = document.getElementById('c');
+  const adDivId = 'sevioads-amp-' + encodeURIComponent(data.zone);
+  const adDiv = document.createElement('div');
+  adDiv.setAttribute('id', adDivId);
+  container.appendChild(adDiv);
+
+  loadScript(
+    global,
+    'https://cdn.adx.ws/scripts/amp.js',
+    () => {
+      window.sevioAmpLoader = window.sevioAmpLoader || [];
+      window.sevioAmpLoader.push({
+        zoneId: encodeURIComponent(data.zone),
+        placeholderId: encodeURIComponent(adDivId),
+        wu: window.location.href,
+        width: data.width,
+        height: data.height,
+      });
+    },
+    () => {
+      global.context.noContentAvailable();
+    }
+  );
+}

ads/vendors/sevio.md

@@ -0,0 +1,19 @@
+# Sevio
+
+## Example of Sevio's model implementation
+
+### Basic
+
+```html
+  <amp-ad
+    type="sevio"
+    width="300"
+    height="250"
+    data-zone="zoneId"
+  >
+  </amp-ad>
+```
+
+### Required parameters
+
+-   `data-zone`: Zone ID

examples/amp-ad/ads.amp.esm.html

@@ -243,6 +243,7 @@
         <option>sas</option>
         <option>seedingalliance</option>
         <option>sekindo</option>
+        <option>sevio</option>
         <option>sharethrough</option>
         <option>shemedia</option>
         <option>sklik</option>
@@ -2014,6 +2015,12 @@ <h2>Sekindo</h2>
           data-spaceId="14071">
   </amp-ad>
 
+  <h2>Sevio</h2>
+  <amp-ad width="300" height="250"
+          type="sevio"
+          data-zone="38da4be8-5d6e-4767-9d7c-0694c28343fc">
+  </amp-ad>
+
   <h2>Sharethrough</h2>
   <amp-ad width="300" height="150"
       type="sharethrough"

examples/amp-ad/ads.amp.html

@@ -384,6 +384,7 @@
         <option>seedingalliance</option>
         <option>seedtag</option>
         <option>sekindo</option>
+        <option>sevio</option>
         <option>sharethrough</option>
         <option>shemedia</option>
         <option>sklik</option>
@@ -1778,6 +1779,10 @@ <h2>Sekindo</h2>
   <amp-ad width="300" height="250" type="sekindo" data-spaceId="14071">
   </amp-ad>
 
+  <h2>Sevio</h2>
+  <amp-ad width="300" height="250" type="sevio" data-zone="38da4be8-5d6e-4767-9d7c-0694c28343fc">
+  </amp-ad>
+
   <h2>Sharethrough</h2>
   <amp-ad width="300" height="150" type="sharethrough" layout="responsive" data-pkey="c0fa8367">
   </amp-ad>

extensions/amp-ad/amp-ad.md

@@ -461,6 +461,7 @@ See [amp-ad rules](validator-amp-ad.protoascii) in the AMP validator specificati
 -   [SAS CI 360 Match](../../ads/vendors/sas.md)
 -   [Seeding Alliance](../../ads/vendors/seedingalliance.md)
 -   [Sekindo](../../ads/vendors/sekindo.md)
+-   [Sevio](../../ads/vendors/sevio.md)
 -   [Sharethrough](../../ads/vendors/sharethrough.md)
 -   [SHE Media](../../ads/vendors/shemedia.md)
 -   [Sklik](../../ads/vendors/sklik.md)