Revert Secure Signals UI detection changes (moved to separate PR)

Author: Eiman Eltigani

web-integrations/google-secure-signals/client-server/server.js

@@ -19,7 +19,6 @@ const uidJsSdkName = process.env.UID_JS_SDK_NAME || '__uid2';
 
 // Secure Signals configuration
 const secureSignalsSdkUrl = process.env.UID_SECURE_SIGNALS_SDK_URL || 'https://cdn.integ.uidapi.com/uid2SecureSignal.js';
-const secureSignalsStorageKey = process.env.UID_SECURE_SIGNALS_STORAGE_KEY || '_GESPSK-uidapi.com';
 
 // UI/Display configuration
 const identityName = process.env.IDENTITY_NAME;
@@ -49,7 +48,7 @@ app.get('/', (req, res) => {
     uidJsSdkUrl,
     uidJsSdkName,
     secureSignalsSdkUrl,
-    secureSignalsStorageKey,
+    secureSignalsStorageKey: process.env.UID_SECURE_SIGNALS_STORAGE_KEY,
     identityName,
     docsBaseUrl
   });
@@ -148,7 +147,7 @@ app.post('/login', async (req, res) => {
         uidJsSdkUrl,
         uidJsSdkName,
         secureSignalsSdkUrl,
-        secureSignalsStorageKey,
+        secureSignalsStorageKey: process.env.UID_SECURE_SIGNALS_STORAGE_KEY,
         identityName,
         docsBaseUrl
       });
@@ -174,7 +173,7 @@ app.post('/login', async (req, res) => {
         uidJsSdkUrl,
         uidJsSdkName,
         secureSignalsSdkUrl,
-        secureSignalsStorageKey,
+        secureSignalsStorageKey: process.env.UID_SECURE_SIGNALS_STORAGE_KEY,
         identityName,
         docsBaseUrl
       });

web-integrations/google-secure-signals/client-server/views/index.html

@@ -25,10 +25,8 @@
           $("#login_required").html(sdk.isLoginRequired() ? "yes" : "no");
           $("#identity_state").html(String(JSON.stringify(payload, null, 2)));
 
+          // Update Secure Signals values displayed in the GUI
           updateSecureSignals();
-          if (sdk.getAdvertisingToken()) {
-            setTimeout(updateSecureSignals, 1000);
-          }
 
           <% if (isOptout) { %>
           $("#login_form").hide();
@@ -37,13 +35,15 @@
           $("#optout_banner").show();
           $('#googleAdContainer').hide();
           <% } else { %>
+          // before token generation, show login form
           if (sdk.isLoginRequired()) {
             $("#login_form").show();
             $("#logout_form").hide();
             $("#optout_form").hide();
             $("#optout_banner").hide();
             $('#googleAdContainer').hide();
           } else {
+            // Success case - token generated, show logout form
             $("#login_form").hide();
             $("#logout_form").show();
             $("#optout_form").hide();
@@ -55,14 +55,12 @@
 
         function updateSecureSignals() {
           try {
+            // Read from localStorage 
             const secureSignalsStorageKey = '<%- secureSignalsStorageKey %>';
             const secureSignalsStorage = localStorage[secureSignalsStorageKey];
-            const token = sdk.getAdvertisingToken();
-            if (token && !secureSignalsStorage) {
-              location.reload();
-              return;
-            }
+            
             const secureSignalsStorageJson = secureSignalsStorage && JSON.parse(secureSignalsStorage);
+            
             if (secureSignalsStorageJson && secureSignalsStorageJson[1]) {
               $("#secure_signals_loaded").html("yes");
               $("#secure_signals_value").html(JSON.stringify(secureSignalsStorageJson, null, 2));
@@ -85,14 +83,12 @@
         $("#logout").click(() => {
           window.googletag.secureSignalProviders.clearAllCache();
           sdk.disconnect();
-          localStorage.removeItem('<%- secureSignalsStorageKey %>');
           window.location.href = '/';
         });
 
         $("#try_another").click(() => {
           window.googletag.secureSignalProviders.clearAllCache();
           sdk.disconnect();
-          localStorage.removeItem('<%- secureSignalsStorageKey %>');
           window.location.href = '/';
         });
 
@@ -107,12 +103,16 @@
         sdk.callbacks.push((eventType, payload) => {
           if (eventType === 'InitCompleted') {
             <% if (identity !== null && typeof identity !== 'undefined') { %>
+            // Server provided an identity, set it
             if (sdk.isLoginRequired()) {
               sdk.setIdentity(<%- JSON.stringify(identity) %>);
             } else {
+              // Identity already exists, just update GUI
               updateGuiElements(payload);
             }
             <% } else { %>
+            // No identity from server (including opt-out case)
+            // SDK will naturally remain in "login required" state
             updateGuiElements(payload);
             <% if (isOptout) { %>
             $("#optout_banner").show();
@@ -160,7 +160,6 @@
 
         <!-- UID2 Integration Status Section -->
         <h2><%- identityName %> Integration Status</h2>
-        <p class="section-summary"><strong>Note:</strong> This is a test-only integration environment—it does not collect data or generate production-level tokens.</p>
 
         <table id="uid_state">
           <tr>
@@ -238,7 +237,7 @@ <h2 class="section-teal">Google Secure Signals Status</h2>
                 </div>
               </div>
             </td>
-            <td class="value"><pre id="secure_signals_loaded">no</pre></td>
+            <td class="value"><pre id="secure_signals_loaded"></pre></td>
           </tr>
           <tr>
             <td class="label">
@@ -252,7 +251,7 @@ <h2 class="section-teal">Google Secure Signals Status</h2>
                 </div>
               </div>
             </td>
-            <td class="value"><pre id="secure_signals_value">undefined</pre></td>
+            <td class="value"><pre id="secure_signals_value"></pre></td>
           </tr>
         </table>
 

web-integrations/google-secure-signals/server-side/views/index.html

@@ -7,22 +7,24 @@
     <link rel="stylesheet" type="text/css" href="/stylesheets/style.css" />
     <link rel="shortcut icon" href="/images/favicon.png" />
     <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
+    <script async src="<%- secureSignalsSdkUrl %>"></script>
+    <script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script>
+
     <script type="text/javascript">
       const getUid2AdvertisingToken = async () => {
         const response = await fetch('/getFreshToken');
-        if (!response.ok) return undefined;
         const result = await response.json();
-        return result && result.advertising_token;
+        console.log(result);
+        return result.advertising_token;
       };
+
       window.getUid2AdvertisingToken = getUid2AdvertisingToken;
-    </script>
-    <script src="<%- secureSignalsSdkUrl %>"></script>
-    <script type="text/javascript">
+
+      // If uid2SecureSignalProvider is initialized before getUid2AdvertisingToken is assigned, call registerSecureSignalProvider
       if (window.__uid2SecureSignalProvider) {
         window.__uid2SecureSignalProvider.registerSecureSignalProvider();
       }
     </script>
-    <script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script>
     <script>
       $(document).ready(() => {
         const secureSignalsStorageKey = '<%- secureSignalsStorageKey %>';
@@ -46,7 +48,8 @@
           }
         }
 
-        [1000, 2000, 3000].forEach((ms) => setTimeout(updateSecureSignals, ms));
+        // Update Secure Signals display after SDK has time to load and fetch token
+        setTimeout(updateSecureSignals, 1000);
 
         $('#logout').click(() => {
           if (window.googletag && window.googletag.secureSignalProviders) {
@@ -104,7 +107,6 @@ <h1>Server-Side <%- identityName %> Integration Example with Google Secure Signa
 
         <!-- UID2 Integration Status Section -->
         <h2><%- identityName %> Integration Status</h2>
-        <p class="section-summary"><strong>Note:</strong> This is a test-only integration environment—it does not collect data or generate production-level tokens.</p>
 
         <table id="uid_state">
           <tr>