Portada del sitio > Documentación > Programación y diseño > Agregar Instant Articles

Agregar Instant Articles

Viernes 18 de agosto de 2017, por Leonardo Vázquez

Ver un par de videos que expliquen que son los Instant Articles

XML:
https://www.w3schools.com/xml/default.asp

XML Web Services:
https://www.w3schools.com/xml/xml_services.asp

XML RSS:
https://www.w3schools.com/xml/xml_rss.asp

RSSs de LID:
http://www.laizquierdadiario.com/RSS

RSS Portada:
http://www.laizquierdadiario.com/spip.php?page=backend_portada

 > backend_portada.html

RSS Género y Sex:
http://www.laizquierdadiario.com/spip.php?page=backend&id_mot=17

 > backend.html

Ejemplo de backend.html

[(#HTTP_HEADER{Content-type: text/xml[; charset=(#CHARSET)]})]
<?xml version="1.0"[ encoding="(#CHARSET)"]?>
<rss version="2.0" [(#REM) rss 2.0.9)] xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/">
<channel[ xml:lang="(#LANG)"]>

<title>[(#NOM_SITE_SPIP|textebrut|texte_backend)]</title>
<link>#URL_SITE_SPIP/</link>
<description>[(#DESCRIPTIF_SITE_SPIP|supprimer_tags|texte_backend)]</description>
<language>#LANG</language><generator>SPIP - www.spip.net</generator>
[<image>
	<title>[(#NOM_SITE_SPIP|texte_backend)]</title>
	<url>(#LOGO_SITE_SPIP|image_reduire{144,400}|extraire_attribut{src}|url_absolue|texte_backend)</url>
	<link>#URL_SITE_SPIP/</link>
	[<height>(#LOGO_SITE_SPIP|image_reduire{144,400}|extraire_attribut{height})</height>]
	[<width>(#LOGO_SITE_SPIP|image_reduire{144,400}|extraire_attribut{width})</width>]
</image>]

<BOUCLE_recents(ARTICLES){id_rubrique !IN 133,1201,1101,1714,1252,2653,3508,5443,5482,5442,5481,5441,5483}{lang ?}{branche ?}{id_mot ?}{id_auteur ?}{par date}{inverse}{age<5}{0,30}>
	<INCLURE{fond=inc-rss-item, id_article}/>
</BOUCLE_recents>

</channel>
</rss>

En el bucle usa: inc-rss-item.html por cada artículo.

Esto muestra la información de cada artículo en formato XML para RSS.

Facebook usa otra variante no estándar de RSS

Documentación de Facebook para desarrolladores:
https://developers.facebook.com/docs/instant-articles

RSS para Instant Articles de México:
http://www.laizquierdadiario.mx/spip.php?page=backend_fb_mx

 > backend_fb_mx.html -> inc-rss-item-fb-1714.html

RSS para Instant Articles de Argentina:
http://www.laizquierdadiario.mx/spip.php?page=backend_fb_ar

 > backend_fb_ar.html -> inc-rss-item-fb.html

Ver y analizar estos dos últimos esqueletos


Lo que hay que hacer es implementar un esqueleto similar para Brasil (tomar el de Argentina como referencia).

En Brasil existe RSS:
http://www.esquerdadiario.com.br/spip.php?page=backend

Pero este esqueleto no sirve para Facebook Instant Articles, por lo que hay que usar el mismo esqueleto de Argentina, pero con los datos de Brasil.