无需插件及WordPress订阅能否将Dialogflow代理集成到WordPress？

• 代码结构不规范：你提供的代码将<style>标签嵌套在<df-messenger>自定义元素内部，不符合HTML语法规范，WordPress内置的内容净化规则会自动拆解异常嵌套的标签，导致自定义组件无法被正常识别
• 脚本加载被拦截：部分WordPress主题或安全配置会默认过滤文章/页面自定义HTML块中插入的外部脚本，导致Dialogflow的组件初始化脚本未加载
• 自定义标签被过滤：WordPress默认的HTML净化机制会拦截未被纳入白名单的自定义标签，<df-messenger>不属于标准HTML标签，会被直接过滤或转义

1. 首先修正代码结构，调整后的代码如下：

<script src="https://www.gstatic.com/dialogflow-console/fast/messenger/bootstrap.js?v=1"></script>
<style>
df-messenger {
    --df-messenger-button-titlebar-color: #62b3be;
    --df-messenger-chat-background-color: rgb(206, 221, 226);
    --df-messenger-font-color: white;
    --df-messenger-font-size: 30px;
    --df-messenger-send-icon: #878fac;
    --df-messenger-user-message: rgb(153, 182, 176);
    --df-messenger-bot-message: rgb(136, 165, 159);
}
</style>
<df-messenger intent="WELCOME" chat-title="Agent" agent-id="a7bbf18b-21b8-4ae3-9aa8-5a72b8fd0d4c" language-code="es"></df-messenger>

2. 进入WordPress后台，依次点击「外观」→「主题文件编辑器」，在右侧模板列表中找到footer.php文件点击打开
3. 将修正后的完整代码粘贴到footer.php文件的</body>标签之前的位置，点击「更新文件」保存
4. 清理WordPress站点缓存和浏览器缓存后重新访问站点，即可看到正常渲染的Dialogflow聊天按钮

如果按照上述步骤操作后仍未正常显示，可按以下方向排查：

• 检查是否安装了安全类插件，将<df-messenger>标签和gstatic的脚本地址加入插件的白名单
• 若使用的是块编辑器的自定义HTML块插入代码，需确认当前主题支持自定义标签渲染，优先推荐使用footer.php插入的方式，兼容性更高

内容的提问来源于stack exchange，提问作者Mauro Oyhanart