Aumenta tus ingresos en 5 días utilizando Audience Network en Instant Articles de Facebook

AndreayYap · 7 Dic 2016

Tienes que tener creadas tus ubicaciones y seguir la siguiente plantilla.
Al menos a mi así me resulta todo Ok. Si alguien tiene una mejor idea [seguro que las hay], por favor que la comparta.

PHP:

<!doctype html>
<html lang="es" prefix="op: http://media.facebook.com/op#">
<head>
<meta property="fb:use_automatic_ad_placement" content="true"> 
<meta charset="utf-8"> 
<link rel="canonical" href="http://forobeta.com/link"> 
<meta property="fb:article_style" content="tu estilo">
</head> 
<body>
<article>
<header>
<!-- éste código declara que los anuncios se ubicaran automáticamente -->
<section class="op-ad-template"> 

<!-- Acá van dos o más Ubicaciones según lo creas conveniente -->
<figure class="op-ad">
<iframe height="250" src="https://www.facebook.com/adnw_request?placement=################_################&adtype=banner300x250" style="border: 0; margin: 0;" width="300"></iframe>
</figure>
        
<figure class="op-ad op-ad-default">          
<iframe height="250" src="https://www.facebook.com/adnw_request?placement=################_################&adtype=banner300x250" style="border: 0; margin: 0;" width="300"></iframe>     
</figure>

<figure class="op-ad">  
<iframe height="250" src="https://www.facebook.com/adnw_request?placement=################_################&adtype=banner300x250" style="border: 0; margin: 0;" width="300"></iframe>
</figure>      
</section>

<!-- Imagen De Encabezado de tu Artículo -->
<figure>
<img src="http/www.tudominio.com/la-url-de-la-imagen-de-tu-articulo.jpg" />
<figcaption>Texto alternativo de la imagen, es Opcional.</figcaption>
</figure>

<!-- El título y el Subtítulo -->
<h1>El Título es Obligatorio</h1>
<h2>El subtítulo es Opcional</h2>

<!-- Fecha y hora de Creación del Artículo -->
<time class="op-published" datetime="2016-12-05T14:18">Diciembre 06th, 14:018 PM</time>
<!-- Fecha y hora de ultima actualización -->
<time class="op-published" datetime="2016-12-05T14:18">Diciembre 06th, 14:018 PM</time>

<!-- Autor de tu Artículo -->
<address>          
<a href="https://www.facebook.com/pg/Perfil-Del-Autor" rel="facebook">Nombre del Autor</a></address></header>
Texto completo de tu artículo, puede contener imágenes, inserciones de vídeos de youtube, etc. ya no te preocupas por colocar los anuncios ya que aparecerán en distintas ubicaciones de tu texto de forma automática. Tampoco te tienes que preocupar por la distancia entre dos o tres anuncios, te olvidas de contar palabras y etc...
<footer><aside>Fuente: <a href="http://www.webfuente.com/" rel="http://www.webfuente.com">www.webfuente.com</a></aside></footer></article></body></html>

Gracias por la plantilla. Pero tengo una duda, yo usé una plantilla que pasaste hace unas semanas, cómo coloco ese código dentro de la plantilla si ya existe esas mismas etiquetas.

Solo copio y pego esta parte?

HTML:

<!-- éste código declara que los anuncios se ubicaran automáticamente -->
<section class="op-ad-template"> 

<!-- Acá van dos o más Ubicaciones según lo creas conveniente -->
<figure class="op-ad">
<iframe height="250" src="https://www.facebook.com/adnw_request?placement=################_################&amp;adtype=banner300x250" style="border: 0; margin: 0;" width="300"></iframe>
</figure>
        
<figure class="op-ad op-ad-default">          
<iframe height="250" src="https://www.facebook.com/adnw_request?placement=################_################&amp;adtype=banner300x250" style="border: 0; margin: 0;" width="300"></iframe>     
</figure>

<figure class="op-ad">  
<iframe height="250" src="https://www.facebook.com/adnw_request?placement=################_################&amp;adtype=banner300x250" style="border: 0; margin: 0;" width="300"></iframe>
</figure>      
</section>

Otra cosa, a qué te refieres en: ''Acá van dos o más Ubicaciones según lo creas conveniente'' ??

Ari Ben Canaan · 7 Dic 2016

AndreayYap dijo:

Gracias por la plantilla. Pero tengo una duda, yo usé una plantilla que pasaste hace unas semanas, cómo coloco ese código dentro de la plantilla si ya existe esas mismas etiquetas.

Solo copio y pego esta parte?

HTML:

<!-- éste código declara que los anuncios se ubicaran automáticamente -->
<section class="op-ad-template"> 

<!-- Acá van dos o más Ubicaciones según lo creas conveniente -->
<figure class="op-ad">
<iframe height="250" src="https://www.facebook.com/adnw_request?placement=################_################&amp;adtype=banner300x250" style="border: 0; margin: 0;" width="300"></iframe>
</figure>
        
<figure class="op-ad op-ad-default">          
<iframe height="250" src="https://www.facebook.com/adnw_request?placement=################_################&amp;adtype=banner300x250" style="border: 0; margin: 0;" width="300"></iframe>     
</figure>

<figure class="op-ad">  
<iframe height="250" src="https://www.facebook.com/adnw_request?placement=################_################&amp;adtype=banner300x250" style="border: 0; margin: 0;" width="300"></iframe>
</figure>      
</section>

Otra cosa, a qué te refieres en: ''Acá van dos o más Ubicaciones según lo creas conveniente'' ??

En sí yo he reemplazado la anterior por ésta y mis Artículos Instantáneos ahora tienen mejor apariencia.
Cuando hablo de "Ubicaciones" me refiero a las Ubicaciones que creas en el panel de Audience Network en Facebook Developer.

AndreayYap · 8 Dic 2016

Ari Ben Canaan dijo:
En sí yo he reemplazado la anterior por ésta y mis Artículos Instantáneos ahora tienen mejor apariencia.
Cuando hablo de "Ubicaciones" me refiero a las Ubicaciones que creas en el panel de Audience Network en Facebook Developer.

Vale... Entonces solo coloco esta parte y me aparecerán automáticamente?

PHP:

<!-- éste código declara que los anuncios se ubicaran automáticamente -->
<section class="op-ad-template">

Ari Ben Canaan · 8 Dic 2016

En sí, toda la parte que coloco a continuación.
Porque hay una etiqueta imprescindible inmediatamente después de Head.
Y claro, la parte de "tu estilo" es donde debes colocar el estilo personalizado que hubieses diseñado en el editor de Estilos o en su defecto el "default".

PHP:

<!doctype html> 
<html lang="es" prefix="op: http://media.facebook.com/op#"> 
<head> 
<meta property="fb:use_automatic_ad_placement" content="true">  
<meta charset="utf-8">  
<link rel="canonical" href="http://forobeta.com/link">  
<meta property="fb:article_style" content="tu estilo"> 
</head>  
<body> 
<article> 
<header> 
<!-- éste código declara que los anuncios se ubicaran automáticamente --> 
<section class="op-ad-template">  

<!-- Acá van dos o más Ubicaciones según lo creas conveniente --> 
    
</section> 

<!-- Imagen De Encabezado de tu Artículo -->

AndreayYap dijo:
Vale... Entonces solo coloco esta parte y me aparecerán automáticamente?

PHP:

 <section class="op-ad-template">

cesar02 · 12 Dic 2016

Una duda, y es que creo todo como aparece, pero los anuncios no salen si añado la etiqueta de que salgan automáticamente, solo aparecen en mi plantilla cuando los pongo de forma manual.
A alguien más le ha pasado esto?

JimmyBalarezo · 12 Feb 2017

Pues si tiene un cpc alto ayer la probé en un blog pequeño que tengo.

Y estos son los resultados:

La verdad ummmm no me gustaron :v

Con 2000 visitas con Mgid saco 6 o 7 dolares con un anuncios 1 x 4 en el centro y otro 1 x 4 al final de post, claro que con muchos más clicks. Pero me quedo con el que mas me haga ganar, en este caso Mgid.

Seguiré usando los instant articles en una pagina de salud que tengo, y en la principal mgid.

Por si a alguien le sirve, le dejo la plantilla que arme para los instant articles.

Plantilla para post en facebook:

HTML:

<!doctype html>
<html lang="en" prefix="op: http://media.facebook.com/op#">
  <head>
    <meta charset="utf-8">
    <!-- URL del post de tu web -->
    <!-- Así que, cambia ésta URL por la de tus post -->    
    <link rel="canonical" href="http://www.tuweb.com/2016/07/blablablabla-bklabalabala--blablabla.html">
    <meta property="op:markup_version" content="v1.0">
  </head>
  <body>
    <article>
      <header>
        <!-- Aquí va el Titulo y luego el subtitulo de tu post-->
        <h1>Hola soy el titulo de tu post Khe onda ke pex</h1>
        <h2>Hola soy el subtitulos de tu post, que no te haría weon</h2>

        <!-- La fecha y hora en que su artículo fue publicado originalmente-->
        <time class="op-published" datetime="2016-11-11T04:44:16Z">November 11th, 4:44 PM</time>

        <!-- La fecha y la hora en que se actualizó su artículo por última vez -->
        <time class="op-modified" dateTime="2016-12-11T04:44:16Z">December 11th, 4:44 PM</time>

        <!-- Aquí el facebook y el nombre del autor de el post -->
        <address>
          <a rel="facebook" href="http://facebook.com/elpajaslocas">Jimmy Balarezo</a>.
        </address>

        <!-- Aquí va la imagen de la portada mostrada dentro de su post --> 
        <!-- Coloca la URL de tu imagen -->    
        <figure>
          <img src="https://3.bp.blogspot.com/-soy-una-imagen-chida.jpg" />
          <figcaption>nombre de la imagen</figcaption>
        </figure>   
      </header>

      <!-- Cuerpo del post -->

      <!-- Aquí tiene que escribir todo tu post -->
      
      <p>bblabalablababblabalablababblabalablababblabalablababblabalablababblabalablaba
bblabalablababblabalablababblabalablababblabalablababblabalablababblabalablababblabalablaba</p>

      <h2>Soy un subtitulo</h2>
      
<p>bblabalablababblabalablababblabalablababblabalablababblabalablababblabalablaba
bblabalablababblabalablababblabalablababblabalablababblabalablababblabalablababblabalablaba</p>

<p>bblabalablababblabalablababblabalablababblabalablababblabalablababblabalablaba
bblabalablababblabalablababblabalablababblabalablababblabalablababblabalablababblabalablaba</p>

<p>bblabalablababblabalablababblabalablababblabalablababblabalablababblabalablaba
bblabalablababblabalablababblabalablababblabalablababblabalablababblabalablababblabalablaba</p>

<p>bblabalablababblabalablababblabalablababblabalablababblabalablababblabalablaba
bblabalablababblabalablababblabalablababblabalablababblabalablababblabalablababblabalablaba</p>

<p>bblabalablababblabalablababblabalablababblabalablababblabalablababblabalablaba
bblabalablababblabalablababblabalablababblabalablababblabalablababblabalablababblabalablaba</p>

<p>bblabalablababblabalablababblabalablababblabalablababblabalablababblabalablaba
bblabalablababblabalablababblabalablababblabalablababblabalablababblabalablababblabalablaba</p>

<p>bblabalablababblabalablababblabalablababblabalablababblabalablababblabalablaba
bblabalablababblabalablababblabalablababblabalablababblabalablababblabalablababblabalablaba</p>

      <!-- anuncios dentro del articulo -->
      <!-- TODO: cambie este anuncio por uno tuyo -->    
      <figure class="op-ad">
  <iframe width="300" height="250" style="border:0; margin:0;" src="https://www.facebook.com/adnw_request?placement=1802439399782rttr_180243trtrtrtrtrtrt&adtype=banner300x250"></iframe>
</figure>
      
      <p>Soy el texto de tu interesante post. Soy el texto de tu interesante post. Soy el texto de tu interesante post. Soy el texto de tu interesante post. 
Soy el texto de tu interesante post. Soy el texto de tu interesante post. Soy el texto de tu interesante post. Soy el texto de tu interesante post. 
Soy el texto de tu interesante post. Soy el texto de tu interesante post. Soy el texto de tu interesante post. </p>
      
<p>Soy el texto de tu interesante post. Soy el texto de tu interesante post. Soy el texto de tu interesante post. Soy el texto de tu interesante post. 
Soy el texto de tu interesante post. Soy el texto de tu interesante post. Soy el texto de tu interesante post. Soy el texto de tu interesante post. 
Soy el texto de tu interesante post. Soy el texto de tu interesante post. Soy el texto de tu interesante post. </p>

<p>Soy el texto de tu interesante post. Soy el texto de tu interesante post. Soy el texto de tu interesante post. Soy el texto de tu interesante post. 
Soy el texto de tu interesante post. Soy el texto de tu interesante post. Soy el texto de tu interesante post. Soy el texto de tu interesante post. 
Soy el texto de tu interesante post. Soy el texto de tu interesante post. Soy el texto de tu interesante post. </p>

<p>Soy el texto de tu interesante post. Soy el texto de tu interesante post. Soy el texto de tu interesante post. Soy el texto de tu interesante post. 
Soy el texto de tu interesante post. Soy el texto de tu interesante post. Soy el texto de tu interesante post. Soy el texto de tu interesante post. 
Soy el texto de tu interesante post. Soy el texto de tu interesante post. Soy el texto de tu interesante post. </p>

<p>Soy el texto de tu interesante post. Soy el texto de tu interesante post. Soy el texto de tu interesante post. Soy el texto de tu interesante post. 
Soy el texto de tu interesante post. Soy el texto de tu interesante post. Soy el texto de tu interesante post. Soy el texto de tu interesante post. 
Soy el texto de tu interesante post. Soy el texto de tu interesante post. Soy el texto de tu interesante post. </p>

<p>Soy el texto de tu interesante post. Soy el texto de tu interesante post. Soy el texto de tu interesante post. Soy el texto de tu interesante post. 
Soy el texto de tu interesante post. Soy el texto de tu interesante post. Soy el texto de tu interesante post. Soy el texto de tu interesante post. 
Soy el texto de tu interesante post. Soy el texto de tu interesante post. Soy el texto de tu interesante post. </p>

<p>Soy el texto de tu interesante post. Soy el texto de tu interesante post. Soy el texto de tu interesante post. Soy el texto de tu interesante post. 
Soy el texto de tu interesante post. Soy el texto de tu interesante post. Soy el texto de tu interesante post. Soy el texto de tu interesante post. 
Soy el texto de tu interesante post. Soy el texto de tu interesante post. Soy el texto de tu interesante post. </p>

 <!-- anuncios dentro del articulo -->
      <!-- TODO: cambie este anuncio por uno tuyo --> 
<figure class="op-ad">
  <iframe width="300" height="250" style="border:0; margin:0;" src="https://www.facebook.com/adnw_request?placement=18024393997dgdgdgdg_18026585864fgdgd1&adtype=banner300x250"></iframe>
</figure>

        <!-- Detaller de Copyright del tu articulo original-->
        <small>© tuweb.com</small>
    </article>
  </body>
</html>

Extras:

Para regregar video:



<figure data-feedback="fb:likes, fb:comments">
<img src="http://fb.me/ia-img-video_frame.jpg" />
<video controls>
<source src="http://fb.me/ia-video-fb_ia_product_video.mov" />
</video>
<figcaption><h1><b>2:57</b> | Interactive Video Example</h1>When this video first scrolls into sight, it appears in-line in its correct aspect ratio and plays automatically with the volume off. By tapping it, the video expands to fill the screen and can be turned to view horizontally. The soundtrack becomes audible, and play controls, with scrubber, are accessible.</figcaption>
</figure>

Para agregar un Gif:

HTML:

<!-- Native GIF example -->

<figure data-feedback="fb:likes, fb:comments">
  <img src="http://fb.me/ia-img-dog.gif" />
  <figcaption class="op-vertical-below op-large">
    We know GIFs are exciting, but please try to calm down.
  <cite>
   iStock
  </cite>
  </figcaption>
  
</figure>

Para agregar artiuclos relacionados:

HTML:

<!-- post relacionados -->

<footer>
      <ul class="op-related-articles">
    <li><a href="http://instantarticles.fb.com"></a></li>
    <li><a href="http://instantarticles.fb.com"></a></li>
  </ul>

Para agregar un slidebar:

HTML:

<!-- Slideshow with multiple captions-->

<figure class="op-slideshow">


<figure data-feedback="fb:likes,fb:comments">
    <img src="http://fb.me/ia-img-townhouses.jpg"/>
    <figcaption class="op-vertical-bottom">
      <h1 class="op-vertical-bottom"> 1/5 </h1> This caption becomes visible once you enter the slideshow by tapping the first image. 
    <cite class="op-vertical-bottom">Kimson Doan/Unsplash</cite> </figcaption>

 </figure>
  
  <figure data-feedback="fb:likes,fb:comments">
    <img src="http://fb.me/ia-img-grafitti.jpg" />
    <figcaption class="op-vertical-bottom">
      <h1 class=op-vertical-bottom> 2/5 </h1> Each photo in a slideshow can have its own caption.
                <cite class="op-vertical-bottom">Peter Dargatz/Pixabay</cite>
                </figcaption>
  </figure>
  
  <figure data-feedback="fb:likes,fb:comments">
    <img src="http://fb.me/ia-img-dancer.jpg" />
    <figcaption class="op-vertical-bottom">
      <h1 class="op-vertical-bottom"> 3/5 </h1> This is the third photo of the slideshow.  
                <cite class="op-vertical-bottom">blanaru/iStock</cite>
                </figcaption>
                </figure>

  <figure data-feedback="fb:likes,fb:comments">
    <img src="http://fb.me/ia-img-subway_orange.jpg" />
    <figcaption class="op-vertical-bottom">
   <h1 class=op-vertical-bottom> 4/5 </h1> The fourth photo of the slideshow.
                <cite class="op-vertical-bottom">Christian Beirle González/Getty Images </cite>
            </figcaption>
  </figure>

  <figure data-feedback="fb:likes,fb:comments">
    <img src="http://fb.me/ia-img-subway_yellow.jpg" />
   <figcaption class="op-vertical-bottom">
      <h1 class=op-vertical-bottom> 5/5 </h1> The fifth photo of the slideshow.
                <cite class="op-vertical-bottom">Ole Spata/EyeEm</cite>
                </figcaption>
  </figure>

futgolporsiempre · 12 Feb 2017

para temática de futbol por internet... se puede trabajar con ellos (osea crear el contenido de texto de 500 palabras y al final la transmisión), gracias por la respuesta!

villabull · 13 Feb 2017

Ari Ben Canaan dijo:
Para registrarse: https://developers.facebook.com/docs/instant-articles

De que tamaño son tus fanpages?
Gracias

yoork · 13 Feb 2017

para sitios web creo que no esta más disponible ? :distant: solo para fan page...

Figo · 13 Feb 2017

interesante este tema

Grimmjow · 13 Feb 2017

Muy buenas ganancias, pero creo que ya no aceptan paginas web.

Zurda77 · 17 Feb 2017

Ari Ben Canaan dijo:
En sí, toda la parte que coloco a continuación.
Porque hay una etiqueta imprescindible inmediatamente después de Head.
Y claro, la parte de "tu estilo" es donde debes colocar el estilo personalizado que hubieses diseñado en el editor de Estilos o en su defecto el "default".

PHP:

<!doctype html> <html lang="es" prefix="op: http://media.facebook.com/op#"> <head> <meta property="fb:use_automatic_ad_placement" content="true"> <meta charset="utf-8"> <link rel="canonical" href="http://forobeta.com/link"> <meta property="fb:article_style" content="tu estilo"> </head> <body> <article> <header>  <section class="op-ad-template">  </section>

[MENTION=38042]AndreayYap[/MENTION]

Sigo mandando muchísimo tráfico a IA, tengo entre 15-20 mil solicitudes diarias y mi cpm no para de bajar, ahora está en 0,38$, estoy hasta pensando en bloquear todos los anuncios que no tengan que ver con mi temática, no entiendo como teniendo el top 2 (casi 1) de tráfico español género tan poco. Espero que me podáis ayudar de verdad me inspirasteis y ayudasteis con vuestros hilos muchisimo y se ve que domináis. Un saludo y gracias de antemano.

AndreayYap · 18 Feb 2017

Zurda77 dijo:
[MENTION=38042]AndreayYap[/MENTION]

Sigo mandando muchísimo tráfico a IA, tengo entre 15-20 mil solicitudes diarias y mi cpm no para de bajar, ahora está en 0,38$, estoy hasta pensando en bloquear todos los anuncios que no tengan que ver con mi temática, no entiendo como teniendo el top 2 (casi 1) de tráfico español género tan poco. Espero que me podáis ayudar de verdad me inspirasteis y ayudasteis con vuestros hilos muchisimo y se ve que domináis. Un saludo y gracias de antemano.

Aunque yo no bloqueo ni toco nada de la configuración de anuncios. Podrías probar cambiando lo que dices. Qué temática manejas? Una media de cuántas palabras pones en los artículos?

Zurda77 · 18 Feb 2017

AndreayYap dijo:
Aunque yo no bloqueo ni toco nada de la configuración de anuncios. Podrías probar cambiando lo que dices. Qué temática manejas? Una media de cuántas palabras pones en los artículos?

Series y cine. Ahora paso siempre de las 500-600, los últimos que subo y difundo son de 2mil palabras. Gracias

kerubin75 · 18 Feb 2017

Alguien podría enviar una pantalla indicando como salen los articulos en "audience network instant", esto para que nosotros los nuevos podamos observar de que se trata este sistema de publicidad de FB.

Ari Ben Canaan · 18 Feb 2017

kerubin75 dijo:
Alguien podría enviar una pantalla indicando como salen los articulos en "audience network instant", esto para que nosotros los nuevos podamos observar de que se trata este sistema de publicidad de FB.

Hola, ando demasiado corto de tiempo.
Espero te sea de utilidad:

alejandros · 18 Feb 2017

para quien se le haga dificil entender.. un video viejito que encontré
[YOUTUBE]JEyT7qkzf8U[/YOUTUBE]

Adair Solis · 19 Feb 2017

Muy interesante voy ha hacer la prueba aun no trabajo no audience network

AntonioJose · 19 Feb 2017

por favor tengo instalado Instant Articles pero no me carga el texto, carga foto, titulo y todo menos el texto que estara pasando?

- - - Actualizado - - -

por favor por favor me rindo me rinco como coloco los anuncios en blogger no se hacerlo es dificil, como hago anunciones blogger.

Zurda77 · 24 Feb 2017

Ari Ben Canaan dijo:
Hola, ando demasiado corto de tiempo.
Espero te sea de utilidad:
Ver el archivo adjunto 94926

Creo que mi problema del cpm bajo venía de usar tres ubicacionws en vez de una, tu qué piensas?

Aumenta tus ingresos en 5 días utilizando Audience Network en Instant Articles de Facebook

AndreayYap

Ari Ben Canaan

AndreayYap

Ari Ben Canaan

cesar02

JimmyBalarezo

futgolporsiempre

villabull

yoork

Figo

Grimmjow

Zurda77

AndreayYap

Zurda77

kerubin75

Ari Ben Canaan

alejandros

Adair Solis

AntonioJose

Zurda77

Temas similares