Wenn ReactJS trifft Facebook Audience Network Mobile Web Native Anzeigen

Jeder weiß, wie man mit dem fb:ad Tag beim Erzeugen des virtuellen DOM in React.js umgehen?Wenn ReactJS trifft Facebook Audience Network Mobile Web Native Anzeigen

Wenn ich die jsx/babel-Datei kompiliert, dann ist ein Fehler:

Namespace tags are not supported. ReactJSX is not XML.

unten wird der Beispielcode von 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>

Quelle

2016-05-19 iownthegame

Facebook wurde von der hauseigenen Natur seiner MWEB bewusst Audience Network-Quellcode und änderte seinen Weg, um seine native Webanzeigenkomponente anzuzeigen. Sie verwenden jetzt Standard-Divs mit IDs, auf die im Skript verwiesen wird. In diesem Fall müssen Sie dann stattdessen den folgenden Code verwenden, um die Facebook native Anzeigenelemente zu machen (die Klasse greifen oder eine ID vergeben):

<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>

Quelle

2016-05-19 14:42:45

Dank. Ich fand auch einen einfachen aber nicht empfehlen Weg - setzen Sie die Zeile von fb: ad-Tag als: {} in der Render-Methode. – iownthegame

Wenn ReactJS trifft Facebook Audience Network Mobile Web Native Anzeigen

Antwort

Verwandte Themen