SDK 用于 Facebook 可播放广告

Question

我想为 Facebook 平台制作 HTML 可播放广告并在其中显示用户头像。 可能吗？

根据文档，可播放广告不得提出任何 HTTP 请求。

所以我无法从可播放广告中提出任何身份验证请求。 在这种情况下，似乎它也不支持 Facebook SDK

当观众互动选择号召性用语时，广告中的可播放代码也必须使用 JavaScript function FbPlayableAd.onCTAClick() 。

FbPlayableAd方法是否有任何可靠的文档？

Answer 1

Facebook 除了“您需要调用函数”之外似乎没有提供任何有用的信息。

当提供可播放内容时，这个<script>被注入到<head>中：

  const FbPlayableAd = {
    onCTAClick() {
      window.parent.postMessage("onCTAClick", "*");
    },
  };

为了绕过缺少的FBPlayableAd object，这里的解决方案是在<body>标记之后插入以下<script> ：

<script type="text/javascript">
window.FBPlayableOnCTAClick = () => { 
  (typeof FbPlayableAd === 'undefined') ?
    alert('FBPlayableAd.onCTAClick') : FbPlayableAd.onCTAClick();
}
</script>

然后CTA按钮有这个onClick：

onClick={() => window.FBPlayableOnCTAClick()}

这使我们能够清除 Babel 抱怨缺少 FbPlayableAd 的问题，在测试中运行良好，并且在上传到 Facebook 的Playable Preview工具时功能正常。