update setAdOpportunityTrackerView

Author: elneruda

TeadsSampleApp/Controllers/InRead/Direct/WebView/InReadDirectWebViewController.swift

@@ -71,7 +71,7 @@ extension InReadDirectWebViewController: TeadsInReadAdPlacementDelegate {
     }
 
     func adOpportunityTrackerView(trackerView: TeadsAdOpportunityTrackerView) {
-        self.webViewHelper?.adOpportunityTrackerView = trackerView
+        self.webViewHelper?.setAdOpportunityTrackerView(trackerView)
     }
 }
 

TeadsSampleApp/WebViewHelper/Resources/bootstrap.js

@@ -1,7 +1,7 @@
 /**
  * @module Teads JS Utils for inRead
  * @author RonanDrouglazet <[email protected]>
- * @date 10-2014
+ * @date 08-2021
  * @copyright Teads <http://www.teads.tv>
  *
  * ⚠️ This bootstrap has been provided to give you a hand in your integration webview.
@@ -17,7 +17,7 @@
   var opened = false;
   var bridge, teadsContainer, finalSize, intervalPosition, offset, heightSup, ratio, maxHeight;
   var transitionType = "height [DURATION]ms ease-in-out";
-  // command use to communicate with WebViewController JS Bridge
+  // command use to communicate with TeadsWebViewHelper JS Bridge
   var command = {
     trigger: {
       ready: "onTeadsJsLibReady",
@@ -45,10 +45,10 @@
   var platformType;
 
   /*****************************************
-   * Method called by WebViewController (through bridge) *
+   * Method called by TeadsWebViewHelper (through bridge) *
    *****************************************/
 
-  // Check if WebViewController JS Bridge is present, set handler, and say JS Ready for WebViewController
+  // Check if TeadsWebViewHelper JS Bridge is present, set handler, and say JS Ready for TeadsWebViewHelper
   var sendJsLibReady = function() {
     platformType = getPlatformType();
     if (platformType === IOS_OS) {
@@ -134,7 +134,7 @@
     }, 'hidePlaceholder')
   };
 
-  // send placeholder's coordinate to WebViewController for player positioning
+  // send placeholder's coordinate to TeadsWebViewHelper for player positioning
   var sendTargetGeometry = function() {
     tryOrLog(function() {
       if (teadsContainer) {
@@ -184,7 +184,7 @@
     }, 'getPlatformType')
   };
 
-  // register handler on the WebViewController JS Bridge
+  // register handler on the TeadsWebViewHelper JS Bridge
   var setBridgeHandler = function(wvBridge) {
     tryOrLog(function() {
       bridge = wvBridge;
@@ -224,7 +224,7 @@
     }, 'setBridgeHandler')
   };
 
-  // set placeholder size, create it, and put it before "element" on document, then send coordinates to WebViewController
+  // set placeholder size, create it, and put it before "element" on document, then send coordinates to TeadsWebViewHelper
   var setPlaceholderDiv = function(element) {
     tryOrLog(function() {
       var parent = element.parentNode;
@@ -273,7 +273,7 @@
     }, 'getDocumentScroll')
   };
 
-  // find a slot in document with a CSS selector given by WebViewController (or automatic if no selector provided)
+  // find a slot in document with a CSS selector given by TeadsWebViewHelper (or automatic if no selector provided)
   var findSlot = function(selector) {
     return tryOrLog(function() {
 

TeadsSampleApp/WebViewHelper/TeadsWebViewHelper.swift

@@ -48,10 +48,11 @@ public class TeadsWebViewHelper: NSObject, WKScriptMessageHandler {
     // only webView.scrollView should retain adView as subView
     weak var adView: UIView?
 
-    var adOpportunityTrackerView: TeadsAdOpportunityTrackerView?
-    
     private var adViewConstraints = [NSLayoutConstraint]()
 
+    // latest slot position updated
+    private var slotPosition: SlotPosition?
+    
     // width of element in Web content, needed to compute ratio
     public var adViewHTMLElementWidth: CGFloat = 0
 
@@ -61,6 +62,7 @@ public class TeadsWebViewHelper: NSObject, WKScriptMessageHandler {
     private var isJsReady = false
 
     private var slotOpenner: (() -> Void)?
+    private var slotPositionAvailable: ((WKWebView, SlotPosition) -> Void)?
 
     /// Init the Teads webView helper
     ///
@@ -141,7 +143,6 @@ public class TeadsWebViewHelper: NSObject, WKScriptMessageHandler {
                 self?.noSlotTimer?.invalidate()
             }
             self?.slotOpenner?()
-            self?.slotOpenner = nil
         }
     }
 
@@ -167,9 +168,6 @@ public class TeadsWebViewHelper: NSObject, WKScriptMessageHandler {
             self.adView?.removeFromSuperview()
 
             self.adView = adView
-            if let adOpportunityTrackerView = self.adOpportunityTrackerView {
-                self.adView?.addSubview(adOpportunityTrackerView)
-            }
             self.webView?.scrollView.addSubview(adView)
             self.adView?.translatesAutoresizingMaskIntoConstraints = false
 
@@ -286,8 +284,14 @@ public class TeadsWebViewHelper: NSObject, WKScriptMessageHandler {
     ///   - position: top/bottom/right/left position of the slot
     private func updateAdViewPosition(position: SlotPosition) {
         adViewHTMLElementWidth = position.right - position.left
-        guard let adView = self.adView,
-              let webView = self.webView else {
+        slotPosition = position
+        
+        guard let webView = self.webView else {
+            return
+        }
+        slotPositionAvailable?(webView, position)
+        
+        guard let adView = self.adView else {
             return
         }
         let adViewHTMLElementHeight =  position.bottom - position.top
@@ -309,12 +313,36 @@ public class TeadsWebViewHelper: NSObject, WKScriptMessageHandler {
         adViewConstraints.append(adView.topAnchor.constraint(equalTo: webView.scrollView.topAnchor, constant: position.top))
 
         if shouldUpdateAdViewFrame {
-        adViewConstraints.append(adView.widthAnchor.constraint(equalToConstant: adViewHTMLElementWidth))
+            adViewConstraints.append(adView.widthAnchor.constraint(equalToConstant: adViewHTMLElementWidth))
             adViewConstraints.append(adView.heightAnchor.constraint(equalToConstant: adViewHTMLElementHeight))
         }
 
         NSLayoutConstraint.activate(adViewConstraints)
-        
+    }
+    
+    /// `adOpportunity` is a key metrics to evaluate the performance of your inventory. It builds the visibility score of your placement in publisher dashboards.
+    ///
+    /// - Parameters:
+    ///   - adOpportunityTrackerView: the view that will monitor your inventory
+    ///
+    @objc public func setAdOpportunityTrackerView(_ adOpportunityTrackerView: TeadsAdOpportunityTrackerView) {
+        slotPositionAvailable = { [weak self] webView, position in
+            adOpportunityTrackerView.frame = CGRect(x: position.left, y: position.top, width: 1, height: 1)
+            webView.scrollView.addSubview(adOpportunityTrackerView)
+            
+            adOpportunityTrackerView.translatesAutoresizingMaskIntoConstraints = false
+            
+            adOpportunityTrackerView.topAnchor.constraint(equalTo: webView.scrollView.topAnchor, constant: position.top).isActive = true
+            adOpportunityTrackerView.leadingAnchor.constraint(equalTo: webView.scrollView.leadingAnchor, constant: position.left).isActive = true
+            adOpportunityTrackerView.widthAnchor.constraint(equalToConstant: 1).isActive = true
+            adOpportunityTrackerView.heightAnchor.constraint(equalToConstant: 1).isActive = true
+            self?.slotPositionAvailable = nil
+        }
+        guard let position = slotPosition,
+              let webView = webView else {
+            return
+        }
+        slotPositionAvailable?(webView, position)
     }
 }