时间戳

首页 > 解决方案 > 命令被忽略。未知目标：使用 Lit-Element 时未定义

javascript - 命令被忽略。未知目标：使用 Lit-Element 时未定义

问题描述

我想知道如何在 lit-element 中使用谷歌分析事件代码，当尝试调试时，得到错误Command ignored. Unknown target: undefined和Referance Error: ga not defined. 我已经在组件中实现了事件跟踪，但它无法正常工作，出现以下错误，

//index.ejs

<!doctype html>
<html>
  <head>
    <script src="/node_modules/@webcomponents/webcomponentsjs/custom-elements-es5-adapter.js"></script>
    <script src="/node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
    <title>LitElement Example</title>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-XXXX-X"></script>
  </head>

  <body>
    <service></service>

 <script>
  window.dataLayer = window.dataLayer || [];
  function gtag() { dataLayer.push(arguments); }
  gtag('js', new Date());

  gtag('config', "UA-XXXX-X");
</script>
  </body>

</html>

//lit-component.js
import { LitElement, html, css } from 'https://cdn.pika.dev/lit-element';
export class Services extends LitElement {
  constructor() {
    super();
 }
 handleGA(e){
     ga('click', 'event', {
      eventCategory: 'site',
      eventAction: 'click',
      eventLabel: e.target.id
    });
 }
 render(){
    <p>Welcome To My Site</p>
    <button class="btn btn-primary" id="service" @click=${(e)=>this.hanldeGA(e)}>Click Here</button>
  }
}
customElements.define('service', Services);

标签： javascriptgoogle-analyticsgoogle-tag-managerlit-element

解决方案

推荐阅读