snowplow-javascript-tracker/trackers/javascript-tracker/test/pages/session-integration.html at master · antoondpg/snowplow-javascript-tracker · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
<!DOCTYPE html>
<html>
  <head>
    <title>Session integration test page</title>
  </head>
  <body>
    <p id="title">Page for testing client side sessions with Snowplow Micro</p>

    <script>
      var collector_endpoint = document.cookie.split('container=')[1].split(';')[0];
      var testIdentifier = document.cookie.split('testIdentifier=')[1].split(';')[0].trim();
      document.body.className += ' loaded';
    </script>

    <script>
      (function (p, l, o, w, i, n, g) {
        if (!p[i]) {
          p.GlobalSnowplowNamespace = p.GlobalSnowplowNamespace || [];
          p.GlobalSnowplowNamespace.push(i);
          p[i] = function () {
            (p[i].q = p[i].q || []).push(arguments);
          };
          p[i].q = p[i].q || [];
          n = l.createElement(o);
          g = l.getElementsByTagName(o)[0];
          n.async = 1;
          n.src = w;
          g.parentNode.insertBefore(n, g);
        }
      })(window, document, 'script', './snowplow.js', 'snowplow');

      document.write(collector_endpoint);

      window.snowplow('newTracker', 'cookieSessionTracker', collector_endpoint, {
        appId: 'session-integration-' + testIdentifier,
        sessionCookieTimeout: 1,
        cookieSameSite: 'Lax',
        cookieSecure: false,
        cookieName: testIdentifier,
        contexts: {
          session: true,
          webPage: false,
        },
      });

      window.snowplow('newTracker', 'localStorageSessionTracker', collector_endpoint, {
        appId: 'session-integration-' + testIdentifier,
        cookieName: testIdentifier,
        sessionCookieTimeout: 1,
        stateStorageStrategy: 'localStorage',
      });

      window.snowplow('newTracker', 'anonymousSessionTracker', collector_endpoint, {
        appId: 'session-integration-' + testIdentifier,
        cookieName: testIdentifier,
        sessionCookieTimeout: 1,
        stateStorageStrategy: 'localStorage',
        anonymousTracking: { withSessionTracking: true },
      });

      const currentUrl = window.location.href;
      const url = new URL(currentUrl);
      if (url.searchParams.has("delayed")) {
        setTimeout(function () {
          window.snowplow('trackPageView:cookieSessionTracker');

          window.snowplow('trackPageView:localStorageSessionTracker');

          window.snowplow('trackPageView:anonymousSessionTracker');
        }, 0);
      } else {
        setTimeout(function () {
          window.snowplow('trackPageView:cookieSessionTracker');
          window.snowplow('trackPageView:cookieSessionTracker');

          window.snowplow('trackPageView:localStorageSessionTracker');
          window.snowplow('trackPageView:localStorageSessionTracker');

          window.snowplow('trackPageView:anonymousSessionTracker');
          window.snowplow('trackPageView:anonymousSessionTracker');
        }, 0);

        setTimeout(function () {
          url.searchParams.set("delayed", "1");
          window.location.href = url.toString();
        }, 3000);
      }
    </script>
  </body>
</html>