Question

有人知道在React.js中生成虚拟DOM时如何处理fb:ad标记？

当我编译jsx / babel文件时，出现错误：

不支持命名空间标记。 ReactJSX不是XML。

下面是the layout of native ads of mobile web of facebook audience network

的示例代码

<body>
    <fb:ad placementid="[PLACEMENT_ID]" format="native" nativeadid="ad_root"></fb:ad>
    <div id="ad_root">
        <a class="fbAdLink">
            <div class="fbAdMedia thirdPartyMediaClass"></div>
            <div class="fbAdTitle thirdPartyTitleClass"></div>
            <div class="fbAdBody thirdPartyBodyClass"></div>
            <div class="fbAdCallToAction thirdPartyCallToActionClass"></div>
        </a>
    </div>
</body>

Answer 1

Facebook了解其mWeb Audience网络源代码的内部特性，并修改了显示其网络原生广告组件的方式。他们现在使用脚本中引用ID的标准div。在这种情况下，您需要使用以下代码来呈现Facebook原生广告元素（抓取类或分配ID）：

<body>    <div class="fb-ad" data-placementid="[YOUR_PLACEMENT_ID]" data-format="native" data-nativeadid="ad_root" data-testmode="false"></div>

<div id="ad_root">
      <a class="fbAdLink">
        <div class="fbAdMedia thirdPartyMediaClass"></div>
        <div class="fbAdTitle thirdPartyTitleClass"></div>
        <div class="fbAdBody thirdPartyBodyClass"></div>
        <div class="fbAdCallToAction thirdPartyCallToActionClass"></div>
      </a> </div>

当ReactJS遇到Facebook Audience Network移动网络原生广告时

1 个答案: