@reuters-graphics/graphics-components 3.0.16 → 3.0.18

package/dist/components/AdSlot/AdScripts.svelte

@@ -7,7 +7,7 @@
   onMount(() => {
     window.graphicsAdQueue = window.graphicsAdQueue || [];
     loadScript(
-      'https://graphics.thomsonreuters.com/cdn/js/bootstrap.static.js',
+      'https://www.reuters.com/static/js/bootstrap/v1.1.2/bootstrap.static.js',
       { onload: loadBootstrap, async: false }
     );
     // Load Freestar script

package/dist/components/Analytics/Analytics.svelte

@@ -1,5 +1,4 @@
 <!-- @component `Analytics` [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/components-ads-analytics-analytics--docs) -->
-
 <script module>
   import { registerPageview as registerChartbeatPageview } from './providers/chartbeat';
   import { registerPageview as registerGAPageview } from './providers/ga';
@@ -20,6 +19,8 @@
 
   import { onMount } from 'svelte';
   import { ga, chartbeat } from './providers';
+  import GoogleTagManager from './GTM.svelte';
+
   interface Props {
     /**
      * Used to associate a page with its author(s) in Chartbeat.
@@ -34,3 +35,5 @@
     chartbeat(authors);
   });
 </script>
+
+<GoogleTagManager />

package/dist/components/Analytics/GTM.svelte

@@ -0,0 +1,30 @@
+<script lang="ts">
+  const GTM_ID = 'GTM-P9TTSWG2';
+</script>
+
+<svelte:head>
+  <!-- Google Tag Manager -->
+  <link href="https://www.googletagmanager.com" rel="preconnect" />
+  <script>
+    window.dataLayer = window.dataLayer || [];
+    window.dataLayer.push({
+      'gtm.start': new Date().getTime(),
+      event: 'gtm.js',
+    });
+  </script>
+  <script async src={`https://www.googletagmanager.com/gtm.js?id=${GTM_ID}`}>
+  </script>
+  <!-- End Google Tag Manager -->
+</svelte:head>
+
+<!-- Google Tag Manager (noscript) -->
+<noscript>
+  <iframe
+    src={`https://www.googletagmanager.com/ns.html?id=${GTM_ID}`}
+    height="0"
+    width="0"
+    style="display:none;visibility:hidden"
+    title=""
+  ></iframe>
+</noscript>
+<!-- End Google Tag Manager (noscript) -->

package/dist/components/Analytics/GTM.svelte.d.ts

@@ -0,0 +1,18 @@
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const Gtm: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type Gtm = InstanceType<typeof Gtm>;
+export default Gtm;

package/dist/components/Analytics/providers/chartbeat.js

@@ -1,18 +1,5 @@
 // Reuters Chartbeat UID
 const UID = 52639;
-const URL = '//static.chartbeat.com/js/chartbeat.js';
-const attachScript = () => {
-    // If script is already attached, skip
-    if (document.querySelector(`script[src="${URL}"]`))
-        return;
-    // ... else attach it.
-    const e = document.createElement('script');
-    const n = document.getElementsByTagName('script')[0];
-    e.type = 'text/javascript';
-    e.async = true;
-    e.src = URL;
-    n.parentNode.insertBefore(e, n);
-};
 export default (authors) => {
     window._sf_async_config = {
         uid: UID,
@@ -24,12 +11,6 @@ export default (authors) => {
         authors: authors.map((a) => a?.name || '').join(','),
         ...(window._sf_async_config || {}),
     };
-    try {
-        attachScript();
-    }
-    catch (e) {
-        console.warn(`Error initialising Chartbeat Analytics: ${e}`);
-    }
 };
 export const registerPageview = () => {
     if (typeof window === 'undefined' || !window.pSUPERFLY)

package/dist/components/Analytics/providers/ga.js

@@ -1,23 +1,9 @@
 // Reuters Google Tag ID
 const GOOGLE_TAG_ID = 'G-WBSR7WLTGD';
-const URL = `https://www.googletagmanager.com/gtag/js?id=${GOOGLE_TAG_ID}`;
-const attachScript = () => {
-    // If script is already attached, skip
-    if (document.querySelector(`script[src="${URL}"]`))
-        return;
-    // ... else attach it.
-    const e = document.createElement('script');
-    const n = document.getElementsByTagName('script')[0];
-    e.type = 'text/javascript';
-    e.async = true;
-    e.src = URL;
-    n.parentNode.insertBefore(e, n);
-};
 export default () => {
     try {
         window.dataLayer = window.dataLayer || [];
         if (!window.gtag) {
-            attachScript();
             /** @type {Gtag.Gtag} */
             window.gtag = function () {
                 // eslint-disable-next-line prefer-rest-params

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reuters-graphics/graphics-components",
-  "version": "3.0.16",
+  "version": "3.0.18",
   "type": "module",
   "private": false,
   "homepage": "https://reuters-graphics.github.io/graphics-components",