✨ Yobee Ad Integration | New (#40278)

* Pixad Ad Integration

* updated trailing whitespace.

* fix

* Update pixad.js

* Update integration.js

* Update amp-ad.md

* Update pixad.md

* AdMatic Ad Integration | New

add support to amp-ad for the AdMatic type.

* update

* Update admatic.md

* yobee

* Update yobee.md

* update

* Update integration.js

* Update yobee.js

Author: fatihkaya84

3p/vendors/yobee.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 {yobee} from '#ads/vendors/yobee';
+
+init(window);
+register('yobee', yobee);
+
+window.draw3p = draw3p;

ads/_config.js

@@ -1551,6 +1551,8 @@ const adConfig = jsonConfiguration({
     renderStartImplemented: true,
   },
 
+  'yobee': {},
+
   'zedo': {
     prefetch: 'https://ss3.zedo.com/gecko/tag/Gecko.amp.min.js',
     renderStartImplemented: true,

ads/vendors/yobee.js

@@ -0,0 +1,30 @@
+import {validateData, writeScript} from '#3p/3p';
+
+/**
+ * @param {!Window} global
+ * @param {!Object} data
+ */
+export function yobee(global, data) {
+  validateData(data, ['adNetwork', 'adPublisher', 'adTypeId']);
+  global._yobee = global._yobee || {
+    adNetwork: data['adPublisher'],
+    publisher: data['adNetwork'],
+    adTypeId: data['adTypeId'],
+    host: `static.cdn.yobee.it`,
+    prefix: `ybe`,
+  };
+
+  const ins = global.document.createElement('ins');
+  ins.setAttribute('data-publisher', global._yobee.publisher);
+  if (global._yobee.adTypeId == 'standard') {
+    ins.setAttribute('data-ad-size', `[[${data.width},${data.height}]]`);
+  }
+  ins.setAttribute('data-ad-network', global._yobee.adNetwork);
+  ins.setAttribute('data-ad-type-id', global._yobee.adTypeId);
+  ins.setAttribute('class', `${global._yobee.prefix}-ads-area`);
+  global.document.getElementById('c').appendChild(ins);
+  ins.parentNode.addEventListener('eventAdbladeRenderStart', () =>
+    global.context.renderStart()
+  );
+  writeScript(global, `https://${global._yobee.host}/showad/showad.min.js`);
+}

ads/vendors/yobee.md

@@ -0,0 +1,51 @@
+# Yobee
+
+## Example of Yobee's model implementation
+
+### Basic
+
+```html
+  <amp-ad
+    type="yobee"
+    width="300"
+    height="250"
+    data-ad-type-id="standard"
+    data-ad-network="ybe-pub-7859401243"
+    data-ad-publisher="677fa0cdfee472c84b643ca7">
+  </amp-ad>
+```
+
+### Sticky Ad
+
+```html
+<amp-sticky-ad layout="nodisplay">
+  <amp-ad
+    type="yobee"
+    width="320"
+    height="100"
+    data-ad-type-id="standard"
+    data-ad-network="ybe-pub-7859401243"
+    data-ad-publisher="677fa0cdfee472c84b643ca7">
+  </amp-ad>
+</amp-sticky-ad>
+```
+
+Note that `<amp-sticky-ad />` component requires the following script to be included in the page:
+
+```html
+<script
+    async
+    custom-element="amp-sticky-ad"
+    src="https://cdn.ampproject.org/v0/amp-sticky-ad-1.0.js"
+></script>
+```
+
+## Configuration
+
+For details on the configuration semantics, see [Yobee documentation](https://developer.yobee.it/).
+
+### Required parameters
+
+-   `data-ad-network`: Network ID
+-   `data-ad-publisher`: Publisher ID
+-   `data-ad-type-id`: Model ID

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

@@ -297,6 +297,7 @@
         <option>yieldbot</option>
         <option>yieldmo</option>
         <option>yieldpro</option>
+        <option>yobee</option>
         <option>zedo</option>
         <option>zen</option>
         <option>zergnet</option>
@@ -2417,6 +2418,16 @@ <h2>Yieldpro</h2>
       data-slot="960">
   </amp-ad>
 
+  <h2>Yobee</h2>
+  <amp-ad
+    type="yobee"
+    width="300"
+    height="250"
+    data-ad-type-id="standard"
+    data-ad-network="ybe-pub-7859401243"
+    data-ad-publisher="677fa0cdfee472c84b643ca7">
+  </amp-ad>
+
   <h2>ValueCommerce</h2>
   <amp-ad width="300" height="250"
       type="valuecommerce"

examples/amp-ad/ads.amp.html

@@ -446,6 +446,7 @@
         <option>yieldbot</option>
         <option>yieldmo</option>
         <option>yieldpro</option>
+        <option>yobee</option>
         <option>zedo</option>
         <option>zen</option>
         <option>zergnet</option>
@@ -2058,6 +2059,16 @@ <h2>Yieldpro</h2>
   <amp-ad width="300" height="250" type="yieldpro" data-pubnetwork="12c6fc06" data-section-id="1299" data-slot="960">
   </amp-ad>
 
+  <h2>Yobee</h2>
+  <amp-ad
+    type="yobee"
+    width="300"
+    height="250"
+    data-ad-type-id="standard"
+    data-ad-network="ybe-pub-7859401243"
+    data-ad-publisher="677fa0cdfee472c84b643ca7">
+  </amp-ad>
+
   <h2>ValueCommerce</h2>
   <amp-ad width="300" height="250" type="valuecommerce" data-sid="3008" data-pid="884466614">
   </amp-ad>

extensions/amp-ad/amp-ad.md

@@ -515,6 +515,7 @@ See [amp-ad rules](validator-amp-ad.protoascii) in the AMP validator specificati
 -   [Yieldmo](../../ads/vendors/yieldmo.md)
 -   [Yieldone](../../ads/vendors/yieldone.md)
 -   [Yieldpro](../../ads/vendors/yieldpro.md)
+-   [Yobee](../../ads/vendors/yobee.md)
 -   [Zedo](../../ads/vendors/zedo.md)
 -   [Zucks](../../ads/vendors/zucks.md)