如何在谷歌优化上执行js代码？答案

【问题标题】：How to execute js code on Google Optimize?如何在谷歌优化上执行js代码？
【发布时间】：2022-12-29 05:17:50
【问题描述】：

使用谷歌优化，我在一个网站上添加了一个按钮，点击它需要激活一个进行 API 调用的 js 代码。

在 Optimize 之外测试代码它运行良好，但在 Optimize 中使用它时，当我单击按钮时，控制台返回一条消息说“Uncaught ReferenceError:loadXMLDoc is not defined”。

这是添加的 HTML

<button type="button" onclick="loadXMLDoc()">Call API</button>

这是添加的 JavaScript 代码

function loadXMLDoc() {
    let url = "https://api.api4com.com/api/v1/calls?access_token="
    //const fone = console.log(document.getElementsByClassName("maks-phone-deal")[1].value);
    const fone = document.getElementsByClassName("maks-phone-deal")[1].value
    const deal_id = document.getElementsByClassName("deal-details")[0].attributes[1].value
    const instancia = document.URL.split(".")[0].replace("https://","")
   
    const body = {
      caller: "1001",
      //called: ${fone},
      called: fone,
      extension: "1001",
      metadata: {
        api4comAccessToken: "",
        gateway: "facilita",
        instancia: instancia,
        negocio: deal_id
      }}

   

fazPost(url, body)

}

function fazPost(url, body){
    console.log("Body=",body)
    let request = new XMLHttpRequest()
    request.open("POST", url, true)
    request.setRequestHeader("Content-type", "application/json")
    request.send(JSON.stringify(body))

    request.onload = function(){
        console.log(this.responseText)
    }

    return request.responseText
}

image1

image2

image3

结果是未定义函数 loadXMLDoc。

它是控制台中返回的消息：“Uncaught ReferenceError:loadXMLDoc is not defined”

【问题讨论】：

标签： javascript google-optimize

【解决方案1】：

试试这个：

obs.: 记得改变你的选择器

【讨论】：