Clicky

  1. Home
  2. Getting Started
  3. 2. Settings & Options
  4. Infinite Scroll (autoload) Feature in AMP
Searching...

Infinite Scroll (autoload) Feature in AMP

Infinite scrolling is a web-design technique that loads content continuously as the user scrolls down the page, eliminating the need for pagination.

Here are the simple steps of infinite scroll.

The first thing you need to do is go to your WordPress dashboard and click on AMP option panel -> Go to Design -> Global -> enable this “infinite scroll” option and after that click on the “Save Changes” button.

  • Infinite Scroll (Experimental): First you enable this option infinite scroll will be displayed on your AMP pages.
  • Home & Archives: If you want to show infinite scroll in Home & Archives pages than enable this option.

The output of the Infinite scroll on Home pages in AMP.

  • Single: If you want to show infinite scroll in Single pages then enable this option.
  • Once you enable the Single pages option two options will be displayed like “The same Category” and “The same Tag” you can enable those options and then click on the “Save Changes” button.

The output of the Infinite scroll on single pages in AMP.

  • Same Category: Once you enable this option infinite scroll show in the Same Category.

The output of the Infinite scroll on Same Category in AMP.

  • Same Tag: Once you enable this option infinite scroll show in the Same Tag.

The output of the Infinite scroll on Same Tag in AMP.

The Pros and Cons of Infinite Scroll

Pros of Infinite scroll:

  • Once page is loaded Ads are properly display in the infinite scroll.

Cons of Infinite scroll:

  • Display a maximum of three pages on screen at once.
  • amp-analytics is not fully supported this function.

We are working on Infinite scroll and for more details visit this ticket:

https://github.com/ampproject/amphtml/issues/15807

That’s it for this tutorial!

We hope it helped you. If you have any feedback or questions, then please share them in the comments section below.

Ask your Questions Directly!
If you can't find the solutions in this article, then just ask us in the comments and we will answer it for you!
Updated on April 15, 2021

    Are you still looking for a solution?

    Then fill out the below form and we will reach out to you within a few hours.

    Was this article helpful?

    Yes
    No

    Related Articles

    Comments

      1. Hi Amar,

        Google seems to index hidden content. Still, the general rule of thumb seems to be that content that isn’t hidden holds more SEO value than content that is hidden.

    2. Hi

      While using the Infinite scroll feature, how is the second and third post selected? Is it basis the same category or tag or something else?

      Thanks
      N

      1. Hi Nikhil,

        Infinite scroll is displayed on the basis of the recent post

    3. implemented
      it would be nice to have more control on how the next article loads

    4. Hi,

      Is it possible for infinie scroll to be displayed based on category rather than recent post? In the newspaper theme by tagdiv which i’m currently using,there are several options such as the amount of posts that will load, the next or previous post and by category, tag or recent post.

      In addition, this amp plugin currently duplicates the first post rather than immediately loading the next one.

      This is the main feature that’s preventing me from using your plugin since the existing options I have offer better options.

      Thank you

    5. For my site, Google Analytics is not counting pages after the 1st page. Infinite scroll is working but it’s not getting posted. Is this fixed yet?

          1. Hi Mishi Giber,

            Will you please elaborate more about your issue so that we will understand and help you.

    6. Hi, what about this?

      “amp-analytics is not fully supported this function.”

      How can this be fixed? After a few years, I can’t see a solution for this and it’s important for infinite scroll.

      Thanks!

    Leave a Comment