2016-05-19 3 views
0

Quelqu'un sait comment gérer la balise fb:ad lors de la génération du DOM virtuel dans React.js?Lorsque ReactJS répond aux publicités natives de Web mobile sur le réseau public

Quand je compilé le fichier JSX/babel, il y a une erreur:

Namespace tags are not supported. ReactJSX is not XML.

ci-dessous est l'exemple de code de 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> 

Répondre

3

Facebook était au courant de la nature de son MWEB en interne Auditer le code source du réseau et modifier son affichage pour afficher son composant d'annonce native sur le Web. Ils utilisent maintenant les divs standard avec les ID référencés dans le script. Dans ce cas, vous devez alors utiliser le code suivant au lieu de rendre les éléments de la publicité native Facebook (saisir la classe ou attribuer une carte d'identité):

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

+1

Merci. J'ai également trouvé un moyen simple mais déconseillé - mettre la ligne de tag d'annonce fb: comme: {} dans la méthode de rendu. – iownthegame