Update Translations

package.json

@@ -137,7 +137,7 @@
     "react-transition-group": "2.4.0",
     "scriptjs": "2.5.8",
     "sinon": "7.2.2",
-    "smartcharts-beta": "0.4.21",
+    "smartcharts-beta": "0.4.22",
     "tt-react-custom-scrollbars": "4.2.1-tt2",
     "url-polyfill": "1.0.9",
     "web-push-notifications": "3.2.15"

scripts/config/pages.js

@@ -128,6 +128,6 @@ module.exports = [
     ['graduates',                               'landing_pages/graduate_program',                 null,        'Binary.com Graduate Program',        'NOT-en'],
     // ['hackathon',                               'landing_pages/hackathon',                     null,        'Hackathon Competition',              'NOT-en'],
     ['introducing-usb',                            'landing_pages/usb',                           null,        'Introducing USB',                    'NOT-en'],
-    ['binarygrid',                                 'landing_pages/grid_landing',                  null,        'Our New Mobile Trading App',         'NOT-en'],
+    ['binarygrid',                                 'landing_pages/binary_grid',                   null,        'Our New Mobile Trading App',         'NOT-en'],
     ['landing/signup-frame',                       'landing_pages/signup_frame',                  null,        'Sign up'],
 ];

src/javascript/app_2/App/Components/Routes/route-with-sub-routes.jsx

@@ -4,6 +4,7 @@ import {
     Route }                from 'react-router-dom';
 import { redirectToLogin } from '_common/base/login';
 import BinarySocket        from '_common/base/socket_base';
+import Language            from '_common/language';
 import routes              from 'Constants/routes';
 import GTM                 from 'Utils/gtm';
 import LoginPrompt         from '../Elements/login-prompt.jsx';
@@ -30,6 +31,7 @@ const RouteWithSubRoutes = route => {
             );
         }
 
+        Language.setCookie();
         const title = route.title ? `${route.title} | ` : '';
         document.title = `${ title }${ default_title }`;
         BinarySocket.wait('website_status').then(() => {

src/javascript/landing_pages/binary_grid.js

@@ -0,0 +1,3 @@
+window.onload = function () {
+    commonOnload();
+};

src/javascript/landing_pages/common.js

@@ -173,6 +173,7 @@ function setupCrowdin() {
 
 function commonOnload() {
     setupCrowdin();
+    dataLayer.push({ event: 'page_load' });
 }
 
 // displays notification on outdated browsers

src/javascript/landing_pages/signup_frame.js

@@ -1,8 +1,6 @@
 const error_class = 'error-field';
 
 window.onload = function () {
-    dataLayer.push({ event: 'page_load' });
-
     const el_email   = document.getElementById('email');
     const el_signup  = document.getElementById('signup');
     const el_success = document.getElementById('success');
@@ -58,6 +56,8 @@ window.onload = function () {
     if (gclid) {
         localStorage.setItem('gclid', gclid);
     }
+
+    commonOnload();
 };
 
 function validateEmail(email) {

src/javascript/landing_pages/usb_page.js

@@ -9,3 +9,7 @@ function collapseNavbar() {
 
 $(window).scroll(collapseNavbar);
 $(document).ready(collapseNavbar);
+
+window.onload = function () {
+    commonOnload();
+};

src/root_files/app/index.html

@@ -26,6 +26,7 @@
                     'de': 'de|at|li',
                     'es': 'ar|bo|cl|co|cr|cu|do|ec|sv|gt|hn|mx|ni|pa|py|pr|es|uy|ve',
                     'fr': 'fr|ad|bj|bf|cf|cg|ga|gn|ml|mc|ne|sn|tg',
+                    'id': 'id',
                     'it': 'it',
                     'ko': 'kr',
                     'pl': 'po',
@@ -48,30 +49,13 @@
                 var loginid      = localStorage.getItem('active_loginid');
                 var client_info  = JSON.parse(localStorage.getItem('client.accounts') || '{}')[loginid];
                 var is_logged_in = client_info && client_info['token'];
-                window.location.href = (lang || 'en').toLowerCase() + '/' + (is_logged_in ? 'trading' : 'home') + '.html' + window.location.search;
-            }
-            function isDelayedRedirect() {
-                if (isGtmApplicable() && !redirectTimeOut) {
-                    redirectTimeOut = setTimeout(redirect, 5000);
-                } else {
-                    clearTimeout(redirectTimeOut);
-                    redirect();
-                }
-            }
-            function isGtmApplicable() {
-                return /(www|staging)\.binary\.(com|me)/i.test(window.location.hostname);
-            }
-            function pushEvent() {
-                if (isGtmApplicable()) {
-                    dataLayer.push({
-                        'event': 'page_load',
-                        'eventCallback': function() {
-                            isDelayedRedirect();
-                        }
-                    });
-                } else {
-                    isDelayedRedirect();
-                }
+
+                var search                = window.location.search ? window.location.search : '';
+                var has_external_referrer = document.referrer && !/\.binary\.(com|me)/.test(document.referrer);
+                var has_utm_source        = /utm_source/.test(search);
+                var utm_source            = has_external_referrer && !has_utm_source ? ((search ? '&' : '?') + 'utm_source=' + new URL(document.referrer).hostname) : '';
+
+                window.location.href = (lang || 'en').toLowerCase() + '/' + (is_logged_in ? 'trading' : 'home') + '.html' + search + utm_source;
             }
 
             if (/^https:\/\/staging\.binary\.com\/translations\//i.test(window.location.href)) {
@@ -81,32 +65,25 @@
                     localStorage.setItem('index_referrer', document.referrer);
                 }
                 lang = getCookieItem('language');
-                var ws = new WebSocket('wss://ws.binaryws.com/websockets/v3?app_id=1');
-                ws.onopen = function(e) {
-                    ws.send(JSON.stringify({'website_status': '1'}));
-                };
-                ws.onmessage = function(msg) {
-                    var response = JSON.parse(msg.data);
-                    if (response.msg_type === 'website_status') {
-                        if (!lang && !response.error && response.hasOwnProperty('website_status')) {
-                            lang = getLanguage(response.website_status.clients_country);
+                if (lang) {
+                    redirect();
+                } else {
+                    var ws = new WebSocket('wss://ws.binaryws.com/websockets/v3?app_id=1');
+                    ws.onopen = function(e) {
+                        ws.send(JSON.stringify({'website_status': '1'}));
+                    };
+                    ws.onmessage = function(msg) {
+                        var response = JSON.parse(msg.data);
+                        if (response.msg_type === 'website_status') {
+                            if (!response.error && response.hasOwnProperty('website_status')) {
+                                lang = getLanguage(response.website_status.clients_country);
+                            }
+                            ws.close();
+                            redirect();
                         }
-                        ws.close();
-                        pushEvent(); // we need website_status.clients_country
-                    }
-                };
+                    };
+                }
             }
         </script>
     </head>
-    <body>
-<!-- Google Tag Manager -->
-<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-MZWFF7"
-height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
-<script data-cfasync="false">(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
-new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
-j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
-'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
-})(window,document,'script','dataLayer','GTM-MZWFF7');</script>
-<!-- End Google Tag Manager -->
-    </body>
 </html>

src/root_files/app_2/index.html

@@ -25,6 +25,7 @@
                     'de': 'de|at|li',
                     'es': 'ar|bo|cl|co|cr|cu|do|ec|sv|gt|hn|mx|ni|pa|py|pr|es|uy|ve',
                     'fr': 'fr|ad|bj|bf|cf|cg|ga|gn|ml|mc|ne|sn|tg',
+                    'id': 'id',
                     'it': 'it',
                     'ko': 'kr',
                     'pl': 'po',
@@ -47,23 +48,14 @@
                 var loginid      = localStorage.getItem('active_loginid');
                 var client_info  = JSON.parse(localStorage.getItem('client.accounts') || '{}')[loginid];
                 var is_logged_in = client_info && client_info['token'];
-                window.location.href = (/\/app\//.test(window.location.pathname) ? '' : 'app/') + (lang || 'en').toLowerCase() + '/trade' + window.location.search;
+
+                var search                = window.location.search ? window.location.search : '';
+                var has_external_referrer = document.referrer && !/\.binary\.(com|me)/.test(document.referrer);
+                var has_utm_source        = /utm_source/.test(search);
+                var utm_source            = has_external_referrer && !has_utm_source ? ((search ? '&' : '?') + 'utm_source=' + new URL(document.referrer).hostname) : '';
+
+                window.location.href = (/\/app\//.test(window.location.pathname) ? '' : 'app/') + (lang || 'en').toLowerCase() + '/trade' + search + utm_source;
             }
-            // function isGtmApplicable() {
-            //     return /(www|staging)\.binary\.(com|me)/i.test(window.location.hostname);
-            // }
-            // function pushEvent() {
-            //     if (isGtmApplicable()) {
-            //         dataLayer.push({
-            //             'event': 'page_load',
-            //             'eventCallback': function() {
-            //                 redirect();
-            //             }
-            //         });
-            //     } else {
-            //         redirect();
-            //     }
-            // }
 
             if (document.referrer) {
                 localStorage.setItem('index_referrer', document.referrer);
@@ -84,21 +76,9 @@
                         }
                         ws.close();
                         redirect();
-                        // pushEvent(); // we need website_status.clients_country
                     }
                 };
             }
         </script>
     </head>
-    <body>
-<!--&lt;!&ndash; Google Tag Manager &ndash;&gt;-->
-<!--<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-MZWFF7"-->
-<!--height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>-->
-<!--<script data-cfasync="false">(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':-->
-<!--new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],-->
-<!--j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=-->
-<!--'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);-->
-<!--})(window,document,'script','dataLayer','GTM-MZWFF7');</script>-->
-<!--&lt;!&ndash; End Google Tag Manager &ndash;&gt;-->
-    </body>
 </html>

src/templates/landing_pages/_common/layout.jsx

@@ -1,9 +1,10 @@
-import React from 'react';
+import React                  from 'react';
 import OutdatedBrowserMessage from './outdated_browser_message.jsx';
-import Title from '../../_common/components/title.jsx';
-import AntiClickjack from '../../_common/includes/anti_clickjack.jsx';
-import Favicons from '../../_common/includes/favicons.jsx';
-import GoogleOptimizer from '../../_common/includes/google_optimizer.jsx';
+import Title                  from '../../_common/components/title.jsx';
+import AntiClickjack          from '../../_common/includes/anti_clickjack.jsx';
+import Favicons               from '../../_common/includes/favicons.jsx';
+import GoogleOptimizer        from '../../_common/includes/google_optimizer.jsx';
+import Gtm                    from '../../_common/includes/gtm.jsx';
 
 const Layout = ({
     meta_description,
@@ -38,6 +39,8 @@ const Layout = ({
         </head>
 
         <body>
+            <Gtm />
+
             {children}
 
             <OutdatedBrowserMessage />

src/templates/landing_pages/grid_landing.jsx → src/templates/landing_pages/binary_grid.jsx

@@ -1,5 +1,5 @@
 /* eslint-disable react/jsx-no-target-blank */
-import React from 'react';
+import React  from 'react';
 import Layout from './_common/layout.jsx';
 
 const gridLP = () => (
@@ -13,6 +13,7 @@ const gridLP = () => (
             'https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js',
             'https://style.binary.com/binary.more.js',
             it.url_for('js/landing_pages/common.js'),
+            it.url_for('js/landing_pages/binary_grid.js'),
         ]}
     >
 

src/templates/landing_pages/signup_frame.jsx

@@ -1,5 +1,4 @@
 import React from 'react';
-import GTM from '../_common/includes/gtm.jsx';
 import FormVerifyEmail from '../_common/includes/form_verify_email.jsx';
 
 const style = () =>
@@ -36,7 +35,6 @@ const SignUpFrame = () => (
     <html>
         <Head />
         <body>
-            <GTM />
             <div className='home-content'>
                 <FormVerifyEmail text='Create free account' className='secondary-bg-color' dark_button='1'>
                     <FormVerifyEmailChildren />