4

我想使用 javascript facebook SDK 更改由“Send to Messenger”插件生成的按钮文本。

4

3 回答 3

0

我知道的最简单的方法是将发送到信使 div 放在另一个 div 中并格式化父 div 和兄弟 div。诀窍是通过元素传递点击事件。这要求将第一个 div 定位为绝对值。这是我的代码

<div style='height: 32px;width: 148px;display: inline-block;overflow: hidden;color: #fff;'>
   <div style='background-color: #5ac7ec;pointer-events:none;position:absolute;width:148px;z-index:2;line-height:36px;>
     CONNECT
   </div>
   <div class="fb-send-to-messenger"
      messenger_app_id="123456789"
      page_id="987654321"
      data-ref="some_data"
      color="blue"
      size="large">
   </div>

于 2017-01-13T09:48:02.210 回答
0

幸运的是，您可以更改按钮文本！不幸的是，您不能使用任意文本。您只能从facebook 的预定义按钮文本中进行选择。

这是您可以使用的按钮文本列表

  • GET_THIS_IN_MESSENGER
  • RECEIVE_THIS_IN_MESSENGER
  • 发送_THIS_TO_ME
  • GET_CUSTOMER_ASSISTANCE
  • GET_CUSTOMER_SERVICE
  • 得到支持
  • LET_US_CHAT
  • 发送_ME_MESSAGES
  • ALERT_ME_IN_MESSENGER
  • SEND_ME_UPDATES
  • 给我发短信
  • 让我知道
  • KEEP_ME_UPDATED
  • 告诉我更多
  • SUBSCRIBE_IN_MESSENGER
  • SUBSCRIBE_TO_UPDATES
  • GET_MESSAGES
  • 订阅
  • GET_STARTED_IN_MESSENGER
  • LEARN_MORE_IN_MESSENGER
  • GET_STARTED

您可以通过将cta_text属性设置为上述选项之一来更改文本。在这个例子中，我使用了 KEEP_ME_UPDATED选项：

<div class="fb-send-to-messenger"
  cta_text="KEEP_ME_UPDATED"
  messenger_app_id="<APP_ID>" 
  page_id="PAGE_ID" 
  data-ref="<PASS_THROUGH_PARAM>" 
  color="<blue | white>" 
  size="<standard | large | xlarge>">
</div>
于 2019-08-14T05:08:22.810 回答
0

您可以使用该cta_text选项，但不能在那里写任何东西，只能写几个预定义的文本。

于 2018-11-20T10:51:42.433 回答