javascript - 用javascript附加<script>内容(zendesk的登录)

Question

我有一个 React 应用程序，我在其中附加了一个 zendesk 脚本，仅当特定类型的用户登录时才显示。

我还想使用 zendesk 推荐的自动登录:https://developer.zendesk.com/embeddables/docs/widget/api#content => ze.identify

我不知道怎么办。这是我的插件 zendesk 的代码，我需要在后面追加它:

// Specify which user can have Zendesk
        if (this.props.user.organisation === "organisationName") {
            // Start of Zendesk Chat Script
            const script = document.createElement("script");

            script.src = "myzendesklink";
            script.async = true;
            script.id = "zendesk"

            console.log()
            document.body.appendChild(script);
            //Something here for login
            const scriptLogin = document.createElement("script");

            document.body.appendChild(scriptLogin);
            // End of Zendesk Chat Script
        }

我想添加的代码:

<script>
  zE(function() {
    zE.identify({
      name: 'John Citizen',
      email: 'john@example.com',
      organization: 'VIP'
    });
  });
</script>

第一部分没问题并且可以正常工作，但是第二部分我正在苦苦挣扎。

如果有人知道如何附加这个脚本，我会很高兴知道:)，感谢社区

Answer 1

根据@CBroe 的评论，您可以尝试类似的方法:

if (this.props.user.organisation === "organisationName") {
    // Start of Zendesk Chat Script
    const script = document.createElement("script");

    script.text = "zE(function() { \
        zE.identify({ \
            name: 'John Citizen', \
            email: 'john@example.com', \
            organization: 'VIP' \
        });
    });";

    document.body.appendChild(script);

    // ...
}