Estimated reading time increased the time

Hey Kyle,
Thanks for the link to your function and page, I see that this works correctly on a Classic Editor post, but for an Advanced Layout Builder post the reading time is incorrect. That is because this function is running in PHP on the server side before the Advanced Layout Builder shortcode is executed, so for it to work you would need to have this run after the post content shortcode has been executed, but I found no way to do that.
I recommend using javascript to do this since it runs after the shortcode is executed. I found this Estimated Reading Time script and modified it a little and it seems to work correctly on Classic Editor & Advanced Layout Builder posts.
Try adding this code to the end of your functions.php file in Appearance ▸ Editor:

//use <div id='r-time'/></div> to display reading time
function estimated_reading_time() { ?>
    <script>
//function use to convert character into words
function get_text(el) {
    ret = "";
    var length = el.childNodes.length;
    for(var i = 0; i < length; i++) {
        var node = el.childNodes[i];
        if(node.nodeType != 8) {
            ret += node.nodeType != 1 ? node.nodeValue : get_text(node);
        }
    }
    return ret;
}
//main body in which all words exist                              
var words = get_text(document.querySelector('#top.single-post #main>.container_wrap>.container'));
var count = words.split(' ').length;
//avg reading speed of person 200 word per minute
var avg = 200;
var counted = count / avg;
var maincount = Math.round(counted)
//show output of code                              
document.getElementById("r-time").innerHTML = "✮ "+ maincount + " minute read";
    </script>
    <?php
}
add_action('wp_footer', 'estimated_reading_time');

and add this div to your post as the “shortcode” to display: <div id='r-time'/></div>

Best regards,
Mike

Hi,
Based on the Advanced Layout Builder post you linked to, inside #main you have 4 color sections, but the second one seems to be the “content” so if this was true for all of them you could use: querySelector('#top.single-post #main #av_section_2')

As for the shortcode, if you already have [rt_reading_time] added to many posts you can change the last line in the script:
document.getElementById("r-time").innerHTML = "✮ "+ maincount + " minute read";
to this:

var readingTime = document.querySelector("#top.single-post #main");
readingTime.innerHTML = readingTime.innerHTML.replace("[rt_reading_time]", "✮ "+ maincount + " minute read");

in my test this works.

Best regards,
Mike

Hi,

Great, I’m glad that Mike could help you out :-)

I’ll close this thread for now then, please open a new thread if you should have any further questions or problems.

Best regards,
Rikard