{"id":165,"date":"2014-10-29T09:00:11","date_gmt":"2014-10-29T08:00:11","guid":{"rendered":"https:\/\/blogs.ua.es\/idesweb\/?p=165"},"modified":"2014-10-19T18:58:07","modified_gmt":"2014-10-19T16:58:07","slug":"twitter-insercion-de-un-tuit","status":"publish","type":"post","link":"https:\/\/blogs.ua.es\/idesweb\/2014\/10\/29\/twitter-insercion-de-un-tuit\/","title":{"rendered":"Twitter: inserci\u00f3n de un tuit"},"content":{"rendered":"

Un nuevo v\u00eddeo de\u00a0iDESWEB<\/a>\u00a0que se ofrecer\u00e1 a trav\u00e9s de la iniciativa\u00a0Act\u00edvate<\/a>\u00a0patrocinada por Google.<\/p>\n

[kml_flashembed movie=”http:\/\/www.youtube.com\/v\/3qz2A21UG1U” width=”560″ height=”315″ wmode=”transparent” \/]<\/p>\n

Transcripci\u00f3n:<\/p>\n

Hola, soy Sergio Luj\u00e1n Mora, profesor de inform\u00e1tica de la Universidad de Alicante, y en este v\u00eddeo que forma parte del curso \u201cIntroducci\u00f3n al desarrollo web\u201d, te voy a explicar c\u00f3mo puedes insertar un tuit cualquiera en una p\u00e1gina web.<\/p>\n

Vamos a ver el ejemplo.<\/p>\n

En primer lugar vamos a localizar el tuit de Twitter que voy a insertar. Pues por ejemplo me voy a mis tuits y localizo uno que quiero insertar, por ejemplo este que pone \u201cV\u00eddeo: Accesibilidad web: el correo de Iberia\u201d.<\/p>\n

Simplemente lo que tengo que localizar es estos puntos de aqu\u00ed, \u201cM\u00e1s\u201d y le doy a \u201cInsertar Tweet\u201d. Y aparece este panel con el contenido que yo debo de copiar, el c\u00f3digo HTML que debo de copiar en mi p\u00e1gina web. As\u00ed que le doy a copiar y a continuaci\u00f3n me voy a esta p\u00e1gina sencilla que he hecho para poder insertar el c\u00f3digo que me proporciona Twitter. Pego el c\u00f3digo y en principio no necesito entender nada de todo este c\u00f3digo, simplemente lo pego, guardo la p\u00e1gina y la visualizo en un navegador.<\/p>\n

Se ha cargado la p\u00e1gina, ya me aparece el tuit, pero la p\u00e1gina parece que sigue cargando y el tuit no me aparece con el estilo de presentaci\u00f3n normal que vemos en muchas p\u00e1ginas.<\/p>\n

\u00bfQu\u00e9 est\u00e1 ocurriendo?<\/p>\n

Bueno, vamos a volver al c\u00f3digo fuente de la p\u00e1gina, el error lo tenemos aqu\u00ed en el script que se est\u00e1 cargando, el atributo source.<\/p>\n

Este c\u00f3digo de Twitter est\u00e1 preparado para funcionar en una p\u00e1gina que est\u00e1 publicada en Internet, pero en este caso mi p\u00e1gina no est\u00e1 publicada en Internet, se est\u00e1 ejecutando localmente. Por eso aparece aqu\u00ed el esquema, el protocolo \u201cfile:\u201d.<\/p>\n

Al intentar cargar el c\u00f3digo JavaScript que es el que va a mostrar el tuit con un estilo de presentaci\u00f3n, no se puede cargar, porque aqu\u00ed falta poner \u201chttp:\u201d. Esto como digo s\u00f3lo hay que ponerlo cuando se est\u00e9 ejecutando en local la p\u00e1gina; si la p\u00e1gina estuviese publicada en Internet, no har\u00eda falta. Yo ahora lo coloco, le doy a grabar, vuelvo al navegador, le doy a recargar y \u00a1magia! Ya me aparece el tuit con el formato de presentaci\u00f3n visual y adem\u00e1s tambi\u00e9n podemos ver el v\u00eddeo, el material multimedia que acompa\u00f1a al tuit. Y todo funciona, lo puedo yo reproducir sin problemas.<\/p>\n

\u00bfSencillo, verdad?<\/p>\n

Ya para terminar, me gustar\u00eda recordarte algunos de los sitios web en los que puedes encontrar m\u00e1s informaci\u00f3n sobre m\u00ed y sobre mi trabajo, y dos formas de contactar conmigo, a trav\u00e9s de mi correo electr\u00f3nico sergio.lujan@ua.es y a trav\u00e9s de mi cuenta en Twitter @sergiolujanmora.<\/p>\n

Recuerda que este v\u00eddeo forma parte del curso \u201cIntroducci\u00f3n al desarrollo web\u201d que est\u00e1 disponible en la direcci\u00f3n idesweb.es.<\/p>\n

Muchas gracias por tu atenci\u00f3n.<\/p>\n","protected":false},"excerpt":{"rendered":"

Un nuevo v\u00eddeo de\u00a0iDESWEB\u00a0que se ofrecer\u00e1 a trav\u00e9s de la iniciativa\u00a0Act\u00edvate\u00a0patrocinada por Google. [kml_flashembed movie=”http:\/\/www.youtube.com\/v\/3qz2A21UG1U” width=”560″ height=”315″ wmode=”transparent” \/] Transcripci\u00f3n: Hola, soy Sergio Luj\u00e1n Mora, profesor de inform\u00e1tica de la Universidad de Alicante, y en este v\u00eddeo que forma parte del curso \u201cIntroducci\u00f3n al desarrollo web\u201d, te voy a explicar c\u00f3mo puedes insertar un tuit … <\/p>\n

Continue reading “Twitter: inserci\u00f3n de un tuit”<\/span><\/a><\/p>\n","protected":false},"author":40,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[676],"tags":[],"class_list":["post-165","post","type-post","status-publish","format-standard","hentry","category-sin-categoria"],"_links":{"self":[{"href":"https:\/\/blogs.ua.es\/idesweb\/wp-json\/wp\/v2\/posts\/165","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.ua.es\/idesweb\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.ua.es\/idesweb\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.ua.es\/idesweb\/wp-json\/wp\/v2\/users\/40"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.ua.es\/idesweb\/wp-json\/wp\/v2\/comments?post=165"}],"version-history":[{"count":1,"href":"https:\/\/blogs.ua.es\/idesweb\/wp-json\/wp\/v2\/posts\/165\/revisions"}],"predecessor-version":[{"id":166,"href":"https:\/\/blogs.ua.es\/idesweb\/wp-json\/wp\/v2\/posts\/165\/revisions\/166"}],"wp:attachment":[{"href":"https:\/\/blogs.ua.es\/idesweb\/wp-json\/wp\/v2\/media?parent=165"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.ua.es\/idesweb\/wp-json\/wp\/v2\/categories?post=165"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.ua.es\/idesweb\/wp-json\/wp\/v2\/tags?post=165"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}