{"id":1330,"date":"2011-11-23T15:03:01","date_gmt":"2011-11-23T21:03:01","guid":{"rendered":"http:\/\/www.uv.mx\/personal\/gvera\/?p=1330"},"modified":"2011-12-02T15:19:34","modified_gmt":"2011-12-02T21:19:34","slug":"como-agregar-el-widget-de-twitter-facil-y-no-morir-en-el-intento","status":"publish","type":"post","link":"https:\/\/www.uv.mx\/personal\/gvera\/2011\/11\/23\/como-agregar-el-widget-de-twitter-facil-y-no-morir-en-el-intento\/","title":{"rendered":"Como agregar el widget de Twitter y no morir en el intento"},"content":{"rendered":"<p><a href=\"http:\/\/www.uv.mx\/personal\/gvera\/files\/2011\/11\/twitter0.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-1338\" src=\"http:\/\/www.uv.mx\/personal\/gvera\/files\/2011\/11\/twitter0-190x300.jpg\" alt=\"\" width=\"190\" height=\"300\" srcset=\"https:\/\/www.uv.mx\/personal\/gvera\/files\/2011\/11\/twitter0-190x300.jpg 190w, https:\/\/www.uv.mx\/personal\/gvera\/files\/2011\/11\/twitter0.jpg 335w\" sizes=\"auto, (max-width: 190px) 100vw, 190px\" \/><\/a><br \/>\nEl widget de twitter es un apartado cada vez m\u00e1s com\u00fan en los sitios de Internet. Pero por alguna raz\u00f3n no siempre es tan sencillo como parece agregarlo a nuestros sitios pues hay variantes en el c\u00f3digo a insertar y reestricciones en el api de twitter.<\/p>\n<h3>Widget<\/h3>\n<p><a href=\"http:\/\/www.uv.mx\/personal\/gvera\/files\/2011\/11\/twitter1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-1344\" src=\"http:\/\/www.uv.mx\/personal\/gvera\/files\/2011\/11\/twitter1-300x132.jpg\" alt=\"\" width=\"300\" height=\"132\" srcset=\"https:\/\/www.uv.mx\/personal\/gvera\/files\/2011\/11\/twitter1-300x132.jpg 300w, https:\/\/www.uv.mx\/personal\/gvera\/files\/2011\/11\/twitter1.jpg 995w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><br \/>\nPara iniciar, es evidente contar con nuestra cuenta de twitter. Sino tienes una, hay que obtenerla <a title=\"Sitio de Twitter\" href=\"http:\/\/twitter.com\/\" target=\"_blank\">http:\/\/twitter.com\/<\/a>.<br \/>\n<!--more--><br \/>\n<a href=\"http:\/\/www.uv.mx\/personal\/gvera\/files\/2011\/11\/twitter2.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-1343\" src=\"http:\/\/www.uv.mx\/personal\/gvera\/files\/2011\/11\/twitter2-300x217.jpg\" alt=\"\" width=\"300\" height=\"217\" srcset=\"https:\/\/www.uv.mx\/personal\/gvera\/files\/2011\/11\/twitter2-300x217.jpg 300w, https:\/\/www.uv.mx\/personal\/gvera\/files\/2011\/11\/twitter2.jpg 888w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><br \/>\nLo siguiente es entrar al sitio de recursos de Twitter <a title=\"Recursos de Twitter\" href=\"https:\/\/twitter.com\/about\/resources\" target=\"_blank\">https:\/\/twitter.com\/about\/resources<\/a><\/p>\n<p>All\u00ed encontraras varias opciones para insertar en tu sitio (no importa si es sobre WordPress o no) accesos a tu cuenta de Twitter.<\/p>\n<p><a href=\"http:\/\/www.uv.mx\/personal\/gvera\/files\/2011\/11\/twitter3.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-1342\" src=\"http:\/\/www.uv.mx\/personal\/gvera\/files\/2011\/11\/twitter3-300x166.jpg\" alt=\"\" width=\"300\" height=\"166\" srcset=\"https:\/\/www.uv.mx\/personal\/gvera\/files\/2011\/11\/twitter3-300x166.jpg 300w, https:\/\/www.uv.mx\/personal\/gvera\/files\/2011\/11\/twitter3.jpg 974w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><br \/>\nEl que nos interesa es el apartado que dice \u00abWidgets\u00bb. Clic aqu\u00ed. Despu\u00e9s obtenemos el widget para nuestro sitio Web y hacemos clic donde dice \u00abMi sitio Web\u00bb -&gt; \u00abWidget de Perfil\u00bb.<\/p>\n<p><a href=\"http:\/\/www.uv.mx\/personal\/gvera\/files\/2011\/11\/twitter4.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-1341\" src=\"http:\/\/www.uv.mx\/personal\/gvera\/files\/2011\/11\/twitter4-300x186.jpg\" alt=\"\" width=\"300\" height=\"186\" srcset=\"https:\/\/www.uv.mx\/personal\/gvera\/files\/2011\/11\/twitter4-300x186.jpg 300w, https:\/\/www.uv.mx\/personal\/gvera\/files\/2011\/11\/twitter4.jpg 879w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><br \/>\nEn este espacio es donde podemos crear un widget con las entradas publicadas en nuestro Twitter. Sigue los pasos de esta p\u00e1gina y al persionar el bot\u00f3n \u00abTerminar y guardar c\u00f3digo\u00bb, obtendr\u00e1s las instrucciones de JavaScript a incrustar en tu sitio.<\/p>\n<p><a href=\"http:\/\/www.uv.mx\/personal\/gvera\/files\/2011\/11\/twitter5.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-1340\" src=\"http:\/\/www.uv.mx\/personal\/gvera\/files\/2011\/11\/twitter5-300x203.jpg\" alt=\"\" width=\"300\" height=\"203\" srcset=\"https:\/\/www.uv.mx\/personal\/gvera\/files\/2011\/11\/twitter5-300x203.jpg 300w, https:\/\/www.uv.mx\/personal\/gvera\/files\/2011\/11\/twitter5.jpg 904w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<h3>Tip importante<\/h3>\n<p><a href=\"http:\/\/www.uv.mx\/personal\/gvera\/files\/2011\/11\/twitter6.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-1339\" src=\"http:\/\/www.uv.mx\/personal\/gvera\/files\/2011\/11\/twitter6-300x218.jpg\" alt=\"\" width=\"300\" height=\"218\" srcset=\"https:\/\/www.uv.mx\/personal\/gvera\/files\/2011\/11\/twitter6-300x218.jpg 300w, https:\/\/www.uv.mx\/personal\/gvera\/files\/2011\/11\/twitter6.jpg 491w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Aqu\u00ed es donde vale la pena esta entrada. En lo personal me he encontrado con m\u00faltiples problemas al utilizar el c\u00f3digo devuelto por esta herramienta. Desde entradas que no se actualizan, hasta widget en blanco. Twitter lo atribuye a diversos factores como el n\u00famero de peticiones por hora permitidas (150 para usuarios no autenticados y 350 para usuarios autenticados), uso incorrecto del protocolo HTTPS al referirse al archivo widget.js entre muchos otros.<\/p>\n<p>Aqu\u00ed te dejo el c\u00f3digo que me ha servido a mi y con el que no he encontrado problema alguna hasta ahora.<\/p>\n<p>[js]<\/p>\n<p>&lt;script src=&quot;http:\/\/widgets.twimg.com\/j\/2\/widget.js&quot;&gt;&lt;\/script&gt;<br \/>\n&lt;script&gt;<br \/>\nnew TWTR.Widget({<br \/>\n  version: 2,<br \/>\n  type: &#8216;profile&#8217;,<br \/>\n  rpp: 40,<br \/>\n  interval: 6000,<br \/>\n  title: &#8216;WebmasterUV&#8217;,<br \/>\n  subject: &#8216;Portal de la UV&#8217;,<br \/>\n  width: 280,<br \/>\n  height: 400,<br \/>\n  theme: {<br \/>\n    shell: {<br \/>\n      background: &#8216;#006600&#8217;,<br \/>\n      color: &#8216;#ffffff&#8217;<br \/>\n    },<br \/>\n    tweets: {<br \/>\n      background: &#8216;#ffffff&#8217;,<br \/>\n      color: &#8216;#444444&#8217;,<br \/>\n      links: &#8216;#b740c2&#8217;<br \/>\n    }<br \/>\n  },<br \/>\n  features: {<br \/>\n    scrollbar: true,<br \/>\n    loop: false,<br \/>\n    live: true,<br \/>\n    hashtags: false,<br \/>\n    timestamp: true,<br \/>\n    avatars: true,<br \/>\n    behavior: &#8216;all&#8217;<br \/>\n  }<br \/>\n&lt;strong&gt;}).render().setUser(&#8216;webmasterUV&#8217;).start();&lt;\/strong&gt;<br \/>\n&lt;\/script&gt;<\/p>\n<p>[\/js]<\/p>\n<p>Evidentemente tienes que cambiar la configuraci\u00f3n con las opciones como title, subject, width: 280, height: 400, etc. Pero primeramente modifica la \u00faltima l\u00ednea con tu cuenta de Twitter.<\/p>\n<p>[js]<br \/>\n.<br \/>\n.<br \/>\n.<br \/>\ntype: &#8216;profile&#8217;,<br \/>\n.<br \/>\n.<br \/>\n.<br \/>\n}).render().setUser(&#8216;webmasterUV&#8217;).start();<br \/>\n&lt;\/script&gt;<\/p>\n<p>[\/js]<\/p>\n<p>En caso de que quieras poner una lista de Twitter en lugar de un usuario, modifica la \u00faltima l\u00ednea as\u00ed:<\/p>\n<p>[js]<br \/>\n.<br \/>\n.<br \/>\n.<br \/>\ntype: &#8216;list&#8217;,<br \/>\n.<br \/>\n.<br \/>\n.<br \/>\n}).render().setList(&#8216;UVportal&#8217;, &#8216;webmaster&#8217;).start();<br \/>\n&lt;\/script&gt;<\/p>\n<p>[\/js]<\/p>\n<p>Donde <em>UVportal<\/em> es la cuenta y <em>webmasterUV<\/em> es el nombre de la lista a desplegar.<\/p>\n<p>Espero te sea de mucha utilidad como lo ha sido para mi.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>El widget de twitter es un apartado cada vez m\u00e1s com\u00fan en los sitios de Internet. Pero por alguna raz\u00f3n no siempre es tan sencillo como parece agregarlo a nuestros sitios pues hay variantes en el c\u00f3digo a insertar y reestricciones en el api de twitter. Widget Para iniciar, es evidente contar con nuestra cuenta&#8230;<\/p>\n","protected":false},"author":2,"featured_media":1338,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10],"tags":[11,87],"class_list":["post-1330","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","tag-articulos-2","tag-twitter"],"_links":{"self":[{"href":"https:\/\/www.uv.mx\/personal\/gvera\/wp-json\/wp\/v2\/posts\/1330","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.uv.mx\/personal\/gvera\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.uv.mx\/personal\/gvera\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.uv.mx\/personal\/gvera\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.uv.mx\/personal\/gvera\/wp-json\/wp\/v2\/comments?post=1330"}],"version-history":[{"count":0,"href":"https:\/\/www.uv.mx\/personal\/gvera\/wp-json\/wp\/v2\/posts\/1330\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.uv.mx\/personal\/gvera\/wp-json\/wp\/v2\/media\/1338"}],"wp:attachment":[{"href":"https:\/\/www.uv.mx\/personal\/gvera\/wp-json\/wp\/v2\/media?parent=1330"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.uv.mx\/personal\/gvera\/wp-json\/wp\/v2\/categories?post=1330"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.uv.mx\/personal\/gvera\/wp-json\/wp\/v2\/tags?post=1330"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}