Dialogflow Messenger自定义问题：移除右侧气泡实现嵌入式聊天机器人

要移除Dialogflow Messenger默认的右侧气泡启动按钮，可通过配置df-messenger-chat元素的属性实现，具体操作如下：

• 直接在HTML标签中配置属性
  在df-messenger-chat标签里添加hide-default-launcher="true"属性，即可隐藏默认气泡按钮。示例代码：

  <!-- 先引入Dialogflow Messenger脚本 -->
  <script src="https://www.gstatic.com/dialogflow-console/fast/messenger/bootstrap.js?v=1"></script>
  
  <!-- 配置聊天窗口并隐藏启动按钮 -->
  <df-messenger-chat
    chat-title="你的机器人名称"
    agent-id="你的Agent唯一ID"
    language-code="zh-CN"
    hide-default-launcher="true"
  ></df-messenger-chat>
  

• 通过JavaScript动态设置
  如果需要在交互过程中动态控制按钮显示/隐藏，可通过DOM操作修改属性：

  // 获取聊天窗口元素
  const chatElement = document.querySelector('df-messenger-chat');
  // 隐藏默认启动按钮
  chatElement.setAttribute('hide-default-launcher', 'true');
  // 若要恢复显示，可设置为false或移除属性
  // chatElement.removeAttribute('hide-default-launcher');
  

该配置项是Dialogflow官方支持的原生属性，设置后会直接隐藏右侧的气泡启动按钮，聊天窗口会根据你的其他配置直接展示或按预期逻辑呈现。

内容的提问来源于stack exchange，提问作者Lucas de Paiva Viega