{"id":5056,"date":"2016-12-28T20:40:24","date_gmt":"2016-12-28T20:40:24","guid":{"rendered":"http:\/\/www.abrima.com\/blog\/?p=5056"},"modified":"2016-12-28T20:40:24","modified_gmt":"2016-12-28T20:40:24","slug":"creando-timelines-sitio-web-alimentadas-una-hoja-google","status":"publish","type":"post","link":"https:\/\/www.abrima.com\/blog\/creando-timelines-sitio-web-alimentadas-una-hoja-google\/","title":{"rendered":"Creando timelines en tu sitio web alimentadas por una hoja de Google"},"content":{"rendered":"<p>Muchos sitios web pueden ganar un buen recurso incluyendo una linea de tiempo con contenido multimedia clasificado por fechas, una \u201ctimeline\u201d que os ense\u00f1aremos hoy c\u00f3mo crear a partir de una hoja de c\u00e1lculo de Google.<\/p>\n<p>Se trata de <a href=\"https:\/\/timeline.knightlab.com\/\" target=\"_blank\">Timeline JS3<\/a>, un proyecto de knightlab que nos ofrece la posibilidad de configurar y publicar lineas de tiempo de forma sencilla, mostrando mapas, fotos, v\u00eddeos y varios otros recursos dentro de una linea de tiempo horizontal que podemos incrustar en cualquier sitio web.<\/p>\n<div id=\"attachment_280676\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" class=\"size-large wp-image-280676\" src=\"http:\/\/wwwhatsnew.com\/wp-content\/uploads\/2016\/12\/sshot-281-730x359.jpg\" alt=\"Ejemplo de linea de tiempo generada\" width=\"730\" height=\"359\" \/><\/p>\n<p class=\"wp-caption-text\">Ejemplo de linea de tiempo generada<\/p>\n<\/div>\n<p>Los pasos que hay que realizar son los siguientes:<\/p>\n<p>\u2013 copiamos la plantilla de Google Spreadsheet que tienen disponible en su sitio web. Esa ser\u00e1 la hoja de los datos, por lo que es necesario que todos los responsables por la informaci\u00f3n tengan acceso a la misma.<br \/>\n\u2013 rellenamos las filas del archivo con la fecha de inicio, fecha de fin, contenido multimedia, fondo, texto que acompa\u00f1ar\u00e1 al contenido y dem\u00e1s informaci\u00f3n que deseemos publicar en nuestra linea de tiempo. No hay l\u00edmite de filas, podemos incluir tantas como queramos. Es posible incluso especificar d\u00edas y horas exactas de cada elemento.<br \/>\n\u2013 publicamos la hoja de Google en Internet usando su men\u00fa principal. Una vez publicada, copiamos la url de la misma y la pegamos en la web de TimeLine JS3 para c\u00f3mo est\u00e1 quedando el resultado.<br \/>\n\u2013 Copiamos el c\u00f3digo generado para incrustarlo en nuestro sitio web.<\/p>\n<p>A medida que actualizamos la hoja de datos, la linea de tiempo se actualizara inmediatamente, por lo que podemos ofrecer acceso a personas que no tengan conocimiento de programaci\u00f3n para que sean responsables por alimentar el contenido que todos ver\u00e1n en el sitio correspondiente.<\/p>\n<p>El resultado puede personalizarse bastante, y es compatible con dispositivos m\u00f3viles.<\/p>\n<p>Fuente: <a href=\"http:\/\/wwwhatsnew.com\/2016\/12\/28\/creando-timelines-en-tu-sitio-web-alimentadas-por-una-hoja-de-google\/\">WWWhatsNew<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Muchos sitios web pueden ganar un buen recurso incluyendo una linea de tiempo con contenido multimedia clasificado por fechas, una \u201ctimeline\u201d que os ense\u00f1aremos hoy [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0},"categories":[10],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Creando timelines en tu sitio web alimentadas por una hoja de Google - Blog de Tecnolog\u00eda - Abrima<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.abrima.com\/blog\/creando-timelines-sitio-web-alimentadas-una-hoja-google\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Creando timelines en tu sitio web alimentadas por una hoja de Google - Blog de Tecnolog\u00eda - Abrima\" \/>\n<meta property=\"og:description\" content=\"Muchos sitios web pueden ganar un buen recurso incluyendo una linea de tiempo con contenido multimedia clasificado por fechas, una \u201ctimeline\u201d que os ense\u00f1aremos hoy [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.abrima.com\/blog\/creando-timelines-sitio-web-alimentadas-una-hoja-google\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog de Tecnolog\u00eda - Abrima\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/abrimawebs\/\" \/>\n<meta property=\"article:published_time\" content=\"2016-12-28T20:40:24+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/wwwhatsnew.com\/wp-content\/uploads\/2016\/12\/sshot-281-730x359.jpg\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Abrima\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.abrima.com\/blog\/#organization\",\"name\":\"Abrima\",\"url\":\"https:\/\/www.abrima.com\/blog\/\",\"sameAs\":[\"https:\/\/www.linkedin.com\/company\/abrima-soluciones-web\/\",\"https:\/\/www.youtube.com\/user\/abrimawebs\",\"https:\/\/www.facebook.com\/abrimawebs\/\",\"https:\/\/twitter.com\/abrimaweb\"],\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.abrima.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.abrima.com\/blog\/wp-content\/uploads\/2018\/03\/abrima-logo.png\",\"contentUrl\":\"https:\/\/www.abrima.com\/blog\/wp-content\/uploads\/2018\/03\/abrima-logo.png\",\"width\":700,\"height\":700,\"caption\":\"Abrima\"},\"image\":{\"@id\":\"https:\/\/www.abrima.com\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.abrima.com\/blog\/#website\",\"url\":\"https:\/\/www.abrima.com\/blog\/\",\"name\":\"Blog de Tecnolog\u00eda - Abrima\",\"description\":\"Blog sobre todo lo relacionado con Cloud, Marketing Digital y Web\",\"publisher\":{\"@id\":\"https:\/\/www.abrima.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.abrima.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"es\"},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.abrima.com\/blog\/creando-timelines-sitio-web-alimentadas-una-hoja-google\/#primaryimage\",\"url\":\"http:\/\/wwwhatsnew.com\/wp-content\/uploads\/2016\/12\/sshot-281-730x359.jpg\",\"contentUrl\":\"http:\/\/wwwhatsnew.com\/wp-content\/uploads\/2016\/12\/sshot-281-730x359.jpg\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.abrima.com\/blog\/creando-timelines-sitio-web-alimentadas-una-hoja-google\/#webpage\",\"url\":\"https:\/\/www.abrima.com\/blog\/creando-timelines-sitio-web-alimentadas-una-hoja-google\/\",\"name\":\"Creando timelines en tu sitio web alimentadas por una hoja de Google - Blog de Tecnolog\u00eda - Abrima\",\"isPartOf\":{\"@id\":\"https:\/\/www.abrima.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.abrima.com\/blog\/creando-timelines-sitio-web-alimentadas-una-hoja-google\/#primaryimage\"},\"datePublished\":\"2016-12-28T20:40:24+00:00\",\"dateModified\":\"2016-12-28T20:40:24+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.abrima.com\/blog\/creando-timelines-sitio-web-alimentadas-una-hoja-google\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.abrima.com\/blog\/creando-timelines-sitio-web-alimentadas-una-hoja-google\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.abrima.com\/blog\/creando-timelines-sitio-web-alimentadas-una-hoja-google\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/www.abrima.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Creando timelines en tu sitio web alimentadas por una hoja de Google\"}]},{\"@type\":\"Article\",\"@id\":\"https:\/\/www.abrima.com\/blog\/creando-timelines-sitio-web-alimentadas-una-hoja-google\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.abrima.com\/blog\/creando-timelines-sitio-web-alimentadas-una-hoja-google\/#webpage\"},\"author\":{\"@id\":\"https:\/\/www.abrima.com\/blog\/#\/schema\/person\/b768d5411164cb8b8d58f72cdf4e11e8\"},\"headline\":\"Creando timelines en tu sitio web alimentadas por una hoja de Google\",\"datePublished\":\"2016-12-28T20:40:24+00:00\",\"dateModified\":\"2016-12-28T20:40:24+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.abrima.com\/blog\/creando-timelines-sitio-web-alimentadas-una-hoja-google\/#webpage\"},\"wordCount\":316,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.abrima.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.abrima.com\/blog\/creando-timelines-sitio-web-alimentadas-una-hoja-google\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/wwwhatsnew.com\/wp-content\/uploads\/2016\/12\/sshot-281-730x359.jpg\",\"articleSection\":[\"Google\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.abrima.com\/blog\/creando-timelines-sitio-web-alimentadas-una-hoja-google\/#respond\"]}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.abrima.com\/blog\/#\/schema\/person\/b768d5411164cb8b8d58f72cdf4e11e8\",\"name\":\"Abrima\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.abrima.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/5cc72c9c6b371583c943a070dff20409?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/5cc72c9c6b371583c943a070dff20409?s=96&d=mm&r=g\",\"caption\":\"Abrima\"},\"url\":\"https:\/\/www.abrima.com\/blog\/author\/abrima\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Creando timelines en tu sitio web alimentadas por una hoja de Google - Blog de Tecnolog\u00eda - Abrima","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.abrima.com\/blog\/creando-timelines-sitio-web-alimentadas-una-hoja-google\/","og_locale":"es_ES","og_type":"article","og_title":"Creando timelines en tu sitio web alimentadas por una hoja de Google - Blog de Tecnolog\u00eda - Abrima","og_description":"Muchos sitios web pueden ganar un buen recurso incluyendo una linea de tiempo con contenido multimedia clasificado por fechas, una \u201ctimeline\u201d que os ense\u00f1aremos hoy [&hellip;]","og_url":"https:\/\/www.abrima.com\/blog\/creando-timelines-sitio-web-alimentadas-una-hoja-google\/","og_site_name":"Blog de Tecnolog\u00eda - Abrima","article_publisher":"https:\/\/www.facebook.com\/abrimawebs\/","article_published_time":"2016-12-28T20:40:24+00:00","og_image":[{"url":"http:\/\/wwwhatsnew.com\/wp-content\/uploads\/2016\/12\/sshot-281-730x359.jpg"}],"twitter_misc":{"Escrito por":"Abrima","Tiempo de lectura":"2 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Organization","@id":"https:\/\/www.abrima.com\/blog\/#organization","name":"Abrima","url":"https:\/\/www.abrima.com\/blog\/","sameAs":["https:\/\/www.linkedin.com\/company\/abrima-soluciones-web\/","https:\/\/www.youtube.com\/user\/abrimawebs","https:\/\/www.facebook.com\/abrimawebs\/","https:\/\/twitter.com\/abrimaweb"],"logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.abrima.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.abrima.com\/blog\/wp-content\/uploads\/2018\/03\/abrima-logo.png","contentUrl":"https:\/\/www.abrima.com\/blog\/wp-content\/uploads\/2018\/03\/abrima-logo.png","width":700,"height":700,"caption":"Abrima"},"image":{"@id":"https:\/\/www.abrima.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"WebSite","@id":"https:\/\/www.abrima.com\/blog\/#website","url":"https:\/\/www.abrima.com\/blog\/","name":"Blog de Tecnolog\u00eda - Abrima","description":"Blog sobre todo lo relacionado con Cloud, Marketing Digital y Web","publisher":{"@id":"https:\/\/www.abrima.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.abrima.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"es"},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.abrima.com\/blog\/creando-timelines-sitio-web-alimentadas-una-hoja-google\/#primaryimage","url":"http:\/\/wwwhatsnew.com\/wp-content\/uploads\/2016\/12\/sshot-281-730x359.jpg","contentUrl":"http:\/\/wwwhatsnew.com\/wp-content\/uploads\/2016\/12\/sshot-281-730x359.jpg"},{"@type":"WebPage","@id":"https:\/\/www.abrima.com\/blog\/creando-timelines-sitio-web-alimentadas-una-hoja-google\/#webpage","url":"https:\/\/www.abrima.com\/blog\/creando-timelines-sitio-web-alimentadas-una-hoja-google\/","name":"Creando timelines en tu sitio web alimentadas por una hoja de Google - Blog de Tecnolog\u00eda - Abrima","isPartOf":{"@id":"https:\/\/www.abrima.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.abrima.com\/blog\/creando-timelines-sitio-web-alimentadas-una-hoja-google\/#primaryimage"},"datePublished":"2016-12-28T20:40:24+00:00","dateModified":"2016-12-28T20:40:24+00:00","breadcrumb":{"@id":"https:\/\/www.abrima.com\/blog\/creando-timelines-sitio-web-alimentadas-una-hoja-google\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.abrima.com\/blog\/creando-timelines-sitio-web-alimentadas-una-hoja-google\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.abrima.com\/blog\/creando-timelines-sitio-web-alimentadas-una-hoja-google\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.abrima.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Creando timelines en tu sitio web alimentadas por una hoja de Google"}]},{"@type":"Article","@id":"https:\/\/www.abrima.com\/blog\/creando-timelines-sitio-web-alimentadas-una-hoja-google\/#article","isPartOf":{"@id":"https:\/\/www.abrima.com\/blog\/creando-timelines-sitio-web-alimentadas-una-hoja-google\/#webpage"},"author":{"@id":"https:\/\/www.abrima.com\/blog\/#\/schema\/person\/b768d5411164cb8b8d58f72cdf4e11e8"},"headline":"Creando timelines en tu sitio web alimentadas por una hoja de Google","datePublished":"2016-12-28T20:40:24+00:00","dateModified":"2016-12-28T20:40:24+00:00","mainEntityOfPage":{"@id":"https:\/\/www.abrima.com\/blog\/creando-timelines-sitio-web-alimentadas-una-hoja-google\/#webpage"},"wordCount":316,"commentCount":0,"publisher":{"@id":"https:\/\/www.abrima.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.abrima.com\/blog\/creando-timelines-sitio-web-alimentadas-una-hoja-google\/#primaryimage"},"thumbnailUrl":"http:\/\/wwwhatsnew.com\/wp-content\/uploads\/2016\/12\/sshot-281-730x359.jpg","articleSection":["Google"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.abrima.com\/blog\/creando-timelines-sitio-web-alimentadas-una-hoja-google\/#respond"]}]},{"@type":"Person","@id":"https:\/\/www.abrima.com\/blog\/#\/schema\/person\/b768d5411164cb8b8d58f72cdf4e11e8","name":"Abrima","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.abrima.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/5cc72c9c6b371583c943a070dff20409?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/5cc72c9c6b371583c943a070dff20409?s=96&d=mm&r=g","caption":"Abrima"},"url":"https:\/\/www.abrima.com\/blog\/author\/abrima\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.abrima.com\/blog\/wp-json\/wp\/v2\/posts\/5056"}],"collection":[{"href":"https:\/\/www.abrima.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.abrima.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.abrima.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.abrima.com\/blog\/wp-json\/wp\/v2\/comments?post=5056"}],"version-history":[{"count":1,"href":"https:\/\/www.abrima.com\/blog\/wp-json\/wp\/v2\/posts\/5056\/revisions"}],"predecessor-version":[{"id":5057,"href":"https:\/\/www.abrima.com\/blog\/wp-json\/wp\/v2\/posts\/5056\/revisions\/5057"}],"wp:attachment":[{"href":"https:\/\/www.abrima.com\/blog\/wp-json\/wp\/v2\/media?parent=5056"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.abrima.com\/blog\/wp-json\/wp\/v2\/categories?post=5056"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.abrima.com\/blog\/wp-json\/wp\/v2\/tags?post=5056"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}