{"id":961,"date":"2019-10-31T14:25:39","date_gmt":"2019-10-31T14:25:39","guid":{"rendered":"https:\/\/seanrasmussen.ca\/?p=961"},"modified":"2022-10-04T13:06:01","modified_gmt":"2022-10-04T13:06:01","slug":"adding-infinite-scrolling-content-to-a-web-magazine-site","status":"publish","type":"post","link":"https:\/\/seanrasmussen.ca\/2019\/10\/adding-infinite-scrolling-content-to-a-web-magazine-site\/","title":{"rendered":"Adding infinite scrolling content to a web magazine site"},"content":{"rendered":"\n

I’ve been working with Gripped Publishing<\/a> for years, building out custom solutions for highly trafficked websites (over 1 million visitors per month). Recently, I added a feature to two of their magazines (runningmagazine<\/a>.ca, and cyclingmagazine.ca<\/a>) that you’ve probably seen on sites like Time Magazine<\/em>: which is to immediately load up the next article when you get to the bottom of the page. For mobile and desktop visitors, it makes it easy to explore and find new content.  It also accomplishes other goals such as reducing bounce rate, and delivering more ads.<\/p>\n\n\n\n

To make it all work involved designing a new ad delivery mechanism that will work with continuous loading content, and tweak the way the websites work to get it all in-line. A fun project, and they are loving the result.<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n","protected":false},"excerpt":{"rendered":"

I’ve been working with Gripped Publishing for years, building out custom solutions for highly trafficked websites (over 1 million visitors per month). Recently, I added a feature to two of their magazines (runningmagazine.ca, and cyclingmagazine.ca) that you’ve probably seen on sites like Time Magazine: which is to immediately load up the next article when you […]<\/p>\n","protected":false},"author":1,"featured_media":962,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"wabi_accentColor":"is-secondary-accent","footnotes":""},"categories":[45],"tags":[],"acf":[],"yoast_head":"\nAdding infinite scrolling content to a web magazine site - Sean Rasmussen<\/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:\/\/seanrasmussen.ca\/2019\/10\/adding-infinite-scrolling-content-to-a-web-magazine-site\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Adding infinite scrolling content to a web magazine site - Sean Rasmussen\" \/>\n<meta property=\"og:description\" content=\"I’ve been working with Gripped Publishing for years, building out custom solutions for highly trafficked websites (over 1 million visitors per month). Recently, I added a feature to two of their magazines (runningmagazine.ca, and cyclingmagazine.ca) that you’ve probably seen on sites like Time Magazine: which is to immediately load up the next article when you […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/seanrasmussen.ca\/2019\/10\/adding-infinite-scrolling-content-to-a-web-magazine-site\/\" \/>\n<meta property=\"og:site_name\" content=\"Sean Rasmussen\" \/>\n<meta property=\"article:published_time\" content=\"2019-10-31T14:25:39+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-10-04T13:06:01+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/seanrasmussen.ca\/wp-content\/uploads\/2019\/11\/Screenshot-from-2019-11-01-10-21-03.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1139\" \/>\n\t<meta property=\"og:image:height\" content=\"880\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Sean Rasmussen\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Sean Rasmussen\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/seanrasmussen.ca\/2019\/10\/adding-infinite-scrolling-content-to-a-web-magazine-site\/\",\"url\":\"https:\/\/seanrasmussen.ca\/2019\/10\/adding-infinite-scrolling-content-to-a-web-magazine-site\/\",\"name\":\"Adding infinite scrolling content to a web magazine site - Sean Rasmussen\",\"isPartOf\":{\"@id\":\"https:\/\/seanrasmussen.ca\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/seanrasmussen.ca\/2019\/10\/adding-infinite-scrolling-content-to-a-web-magazine-site\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/seanrasmussen.ca\/2019\/10\/adding-infinite-scrolling-content-to-a-web-magazine-site\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/seanrasmussen.ca\/wp-content\/uploads\/2019\/11\/Screenshot-from-2019-11-01-10-21-03.png\",\"datePublished\":\"2019-10-31T14:25:39+00:00\",\"dateModified\":\"2022-10-04T13:06:01+00:00\",\"author\":{\"@id\":\"https:\/\/seanrasmussen.ca\/#\/schema\/person\/fa1b97c759e3e24196097b6a0a784c40\"},\"breadcrumb\":{\"@id\":\"https:\/\/seanrasmussen.ca\/2019\/10\/adding-infinite-scrolling-content-to-a-web-magazine-site\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/seanrasmussen.ca\/2019\/10\/adding-infinite-scrolling-content-to-a-web-magazine-site\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/seanrasmussen.ca\/2019\/10\/adding-infinite-scrolling-content-to-a-web-magazine-site\/#primaryimage\",\"url\":\"https:\/\/seanrasmussen.ca\/wp-content\/uploads\/2019\/11\/Screenshot-from-2019-11-01-10-21-03.png\",\"contentUrl\":\"https:\/\/seanrasmussen.ca\/wp-content\/uploads\/2019\/11\/Screenshot-from-2019-11-01-10-21-03.png\",\"width\":1139,\"height\":880},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/seanrasmussen.ca\/2019\/10\/adding-infinite-scrolling-content-to-a-web-magazine-site\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/seanrasmussen.ca\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Adding infinite scrolling content to a web magazine site\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/seanrasmussen.ca\/#website\",\"url\":\"https:\/\/seanrasmussen.ca\/\",\"name\":\"Sean Rasmussen\",\"description\":\"Toronto based web developer and audio producer\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/seanrasmussen.ca\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/seanrasmussen.ca\/#\/schema\/person\/fa1b97c759e3e24196097b6a0a784c40\",\"name\":\"Sean Rasmussen\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/seanrasmussen.ca\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/e0e4e907c433aa49e98f44a54b916e92?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/e0e4e907c433aa49e98f44a54b916e92?s=96&d=mm&r=g\",\"caption\":\"Sean Rasmussen\"},\"description\":\"Great guy and man about town\",\"url\":\"https:\/\/seanrasmussen.ca\/author\/sean-rasmussengmail-com\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Adding infinite scrolling content to a web magazine site - Sean Rasmussen","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:\/\/seanrasmussen.ca\/2019\/10\/adding-infinite-scrolling-content-to-a-web-magazine-site\/","og_locale":"en_US","og_type":"article","og_title":"Adding infinite scrolling content to a web magazine site - Sean Rasmussen","og_description":"I’ve been working with Gripped Publishing for years, building out custom solutions for highly trafficked websites (over 1 million visitors per month). Recently, I added a feature to two of their magazines (runningmagazine.ca, and cyclingmagazine.ca) that you’ve probably seen on sites like Time Magazine: which is to immediately load up the next article when you […]","og_url":"https:\/\/seanrasmussen.ca\/2019\/10\/adding-infinite-scrolling-content-to-a-web-magazine-site\/","og_site_name":"Sean Rasmussen","article_published_time":"2019-10-31T14:25:39+00:00","article_modified_time":"2022-10-04T13:06:01+00:00","og_image":[{"width":1139,"height":880,"url":"https:\/\/seanrasmussen.ca\/wp-content\/uploads\/2019\/11\/Screenshot-from-2019-11-01-10-21-03.png","type":"image\/png"}],"author":"Sean Rasmussen","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Sean Rasmussen","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/seanrasmussen.ca\/2019\/10\/adding-infinite-scrolling-content-to-a-web-magazine-site\/","url":"https:\/\/seanrasmussen.ca\/2019\/10\/adding-infinite-scrolling-content-to-a-web-magazine-site\/","name":"Adding infinite scrolling content to a web magazine site - Sean Rasmussen","isPartOf":{"@id":"https:\/\/seanrasmussen.ca\/#website"},"primaryImageOfPage":{"@id":"https:\/\/seanrasmussen.ca\/2019\/10\/adding-infinite-scrolling-content-to-a-web-magazine-site\/#primaryimage"},"image":{"@id":"https:\/\/seanrasmussen.ca\/2019\/10\/adding-infinite-scrolling-content-to-a-web-magazine-site\/#primaryimage"},"thumbnailUrl":"https:\/\/seanrasmussen.ca\/wp-content\/uploads\/2019\/11\/Screenshot-from-2019-11-01-10-21-03.png","datePublished":"2019-10-31T14:25:39+00:00","dateModified":"2022-10-04T13:06:01+00:00","author":{"@id":"https:\/\/seanrasmussen.ca\/#\/schema\/person\/fa1b97c759e3e24196097b6a0a784c40"},"breadcrumb":{"@id":"https:\/\/seanrasmussen.ca\/2019\/10\/adding-infinite-scrolling-content-to-a-web-magazine-site\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/seanrasmussen.ca\/2019\/10\/adding-infinite-scrolling-content-to-a-web-magazine-site\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/seanrasmussen.ca\/2019\/10\/adding-infinite-scrolling-content-to-a-web-magazine-site\/#primaryimage","url":"https:\/\/seanrasmussen.ca\/wp-content\/uploads\/2019\/11\/Screenshot-from-2019-11-01-10-21-03.png","contentUrl":"https:\/\/seanrasmussen.ca\/wp-content\/uploads\/2019\/11\/Screenshot-from-2019-11-01-10-21-03.png","width":1139,"height":880},{"@type":"BreadcrumbList","@id":"https:\/\/seanrasmussen.ca\/2019\/10\/adding-infinite-scrolling-content-to-a-web-magazine-site\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/seanrasmussen.ca\/"},{"@type":"ListItem","position":2,"name":"Adding infinite scrolling content to a web magazine site"}]},{"@type":"WebSite","@id":"https:\/\/seanrasmussen.ca\/#website","url":"https:\/\/seanrasmussen.ca\/","name":"Sean Rasmussen","description":"Toronto based web developer and audio producer","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/seanrasmussen.ca\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/seanrasmussen.ca\/#\/schema\/person\/fa1b97c759e3e24196097b6a0a784c40","name":"Sean Rasmussen","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/seanrasmussen.ca\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/e0e4e907c433aa49e98f44a54b916e92?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/e0e4e907c433aa49e98f44a54b916e92?s=96&d=mm&r=g","caption":"Sean Rasmussen"},"description":"Great guy and man about town","url":"https:\/\/seanrasmussen.ca\/author\/sean-rasmussengmail-com\/"}]}},"_links":{"self":[{"href":"https:\/\/seanrasmussen.ca\/wp-json\/wp\/v2\/posts\/961"}],"collection":[{"href":"https:\/\/seanrasmussen.ca\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/seanrasmussen.ca\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/seanrasmussen.ca\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/seanrasmussen.ca\/wp-json\/wp\/v2\/comments?post=961"}],"version-history":[{"count":2,"href":"https:\/\/seanrasmussen.ca\/wp-json\/wp\/v2\/posts\/961\/revisions"}],"predecessor-version":[{"id":1186,"href":"https:\/\/seanrasmussen.ca\/wp-json\/wp\/v2\/posts\/961\/revisions\/1186"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/seanrasmussen.ca\/wp-json\/wp\/v2\/media\/962"}],"wp:attachment":[{"href":"https:\/\/seanrasmussen.ca\/wp-json\/wp\/v2\/media?parent=961"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/seanrasmussen.ca\/wp-json\/wp\/v2\/categories?post=961"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/seanrasmussen.ca\/wp-json\/wp\/v2\/tags?post=961"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}