Merge pull request #61 from THEOplayer/feature/THEO-10603-conviva-sgai

Feature/theo 10603 conviva sgai
THEOplayer · Nov 15, 2024 · ca8f5a0 · ca8f5a0
2 parents 35c06f0 + de0bc43
commit ca8f5a0
Show file tree

Hide file tree

Showing 5 changed files with 22 additions and 8 deletions.
diff --git a/.changeset/three-cherries-swim.md b/.changeset/three-cherries-swim.md
@@ -0,0 +1,5 @@
+---
+"@theoplayer/conviva-connector-web": minor
+---
+
+Added 'Server Guided' ad technology.
diff --git a/conviva/src/integration/ads/AdReporter.ts b/conviva/src/integration/ads/AdReporter.ts
@@ -5,6 +5,7 @@ import {
     calculateCurrentAdBreakInfo,
     collectAdMetadata,
     collectPlayerInfo,
+    isServerGuidedAd,
     updateAdMetadataForGoogleIma
 } from '../../utils/Utils';
 
@@ -67,7 +68,8 @@ export class AdReporter {
             this.contentInfo()[Constants.ASSET_NAME] ?? this.player.source?.metadata?.title ?? 'NA';
 
         // [Required] The ad technology as CLIENT_SIDE/SERVER_SIDE
-        adMetadata['c3.ad.technology'] = calculateAdType(currentAd);
+        //  SGAI isn't officially supported by conviva yet, overwrite with our own string for now.
+        adMetadata['c3.ad.technology'] = isServerGuidedAd(currentAd) ? 'Server Guided' : calculateAdType(currentAd);
 
         this.convivaAdAnalytics.setAdInfo(adMetadata);
         this.convivaAdAnalytics.reportAdLoaded(adMetadata);

diff --git a/conviva/src/utils/Utils.ts b/conviva/src/utils/Utils.ts
@@ -28,6 +28,10 @@ export function collectDeviceMetadata(): ConvivaDeviceMetadata {
     };
 }
 
+export function isServerGuidedAd(adOrBreak: Ad | AdBreak) {
+    return adOrBreak.integration === 'theoads';
+}
+
 export function calculateAdType(adOrBreak: Ad | AdBreak) {
     switch (adOrBreak.integration) {
         case 'theoads': {

diff --git a/conviva/test/pages/main_esm.html b/conviva/test/pages/main_esm.html
@@ -3,8 +3,10 @@
 <head>
     <meta charset="UTF-8"/>
     <title>Connector test page</title>
-    <link rel="stylesheet" type="text/css" href="/node_modules/theoplayer/ui.css"/>
-    <script src="/node_modules/theoplayer/THEOplayer.js"></script>
+    <link rel="stylesheet" type="text/css" href="./../../../node_modules/theoplayer/ui.css"/>
+    <script src="./../../../node_modules/theoplayer/THEOplayer.js"></script>
+    <script src="./../../../node_modules/@convivainc/conviva-js-coresdk/conviva-core-sdk.js"></script>
+    <script src="./../../dist/conviva-connector.umd.js"></script>
 </head>
 <body>
 <div id="THEOplayer" class="theoplayer-container video-js theoplayer-skin"></div>
@@ -15,7 +17,7 @@
         ui: {
             fluid: true
         },
-        libraryLocation: '/node_modules/theoplayer/',
+        libraryLocation: './../../../node_modules/theoplayer/',
         license: "CUSTOMER_LICENSE_GOES_HERE"
     });
 

diff --git a/conviva/test/pages/main_umd.html b/conviva/test/pages/main_umd.html
@@ -3,9 +3,10 @@
 <head>
     <meta charset="UTF-8"/>
     <title>Connector test page</title>
-    <link rel="stylesheet" type="text/css" href="/node_modules/theoplayer/ui.css"/>
-    <script src="/node_modules/theoplayer/THEOplayer.js"></script>
-    <script src="/dist/conviva-connector.umd.js"></script>
+    <link rel="stylesheet" type="text/css" href="./../../../node_modules/theoplayer/ui.css"/>
+    <script src="./../../../node_modules/theoplayer/THEOplayer.js"></script>
+    <script src="./../../../node_modules/@convivainc/conviva-js-coresdk/conviva-core-sdk.js"></script>
+    <script src="./../../dist/conviva-connector.umd.js"></script>
     <script type="text/javascript" src="//imasdk.googleapis.com/js/sdkloader/ima3_debug.js"></script>
 </head>
 <body>
@@ -16,7 +17,7 @@
         ui: {
             fluid: true
         },
-        libraryLocation: '/node_modules/theoplayer/',
+        libraryLocation: './../../../node_modules/theoplayer/',
         license: "CUSTOMER_LICENSE_GOES_HERE"
     });