Only use analytics.js, not gtag.js

src/nginxconfig/templates/app.vue

@@ -167,7 +167,7 @@ THE SOFTWARE.
             importData(query, this.$data.domains, this.$data.global, this.$nextTick);
 
             // Send an initial GA event for column mode
-            this.splitColumnEvent();
+            this.splitColumnEvent(true);
         },
         methods: {
             changes(index) {
@@ -261,8 +261,8 @@ THE SOFTWARE.
                 this.$data.splitColumn = !this.$data.splitColumn;
                 this.splitColumnEvent();
             },
-            splitColumnEvent() {
+            splitColumnEvent(nonInteraction = false) {
-                analytics('toggle_split_column', 'Button', undefined, Number(this.$data.splitColumn));
+                analytics('toggle_split_column', 'Button', undefined, Number(this.$data.splitColumn), nonInteraction);
             },
         },
     };

src/nginxconfig/util/analytics.js

@@ -24,16 +24,16 @@ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 THE SOFTWARE.
 */
 
-export default (action, category, label, value) => {
+export default (action, category, label, value, nonInteraction = false) => {
     try {
         // gtag.js
-        if (window.gtag) {
+        // if (window.gtag) {
-            return window.gtag('event', action, {
+        //     return window.gtag('event', action, {
-                event_category: category,
+        //         event_category: category,
-                event_label: label,
+        //         event_label: label,
-                value,
+        //         value,
-            });
+        //     });
-        }
+        // }
 
         // analytics.js
         if (window.ga) {
@@ -43,6 +43,7 @@ export default (action, category, label, value) => {
                 eventAction: action,
                 eventLabel: label,
                 eventValue: value,
+                nonInteraction,
             });
         }
     } catch (_) {