Tracking Members Read Posts

Developer help
1

Hi, currently putting together a membership theme and I want to be able to tell members which posts they have read and which ones remain unread. Does anyone know of a way I can track which posts a member has read so I can present this back to them. If not a native solution , maybe there is a 3rd Party service this could help with this. Any thoughts or suggestions are welcome.

2

This would be nicely achieved with the a:visited CSS pseudo selector. If you have a list of posts with links on them you can target their main anchor element and style a read marker differently if they’ve already clicked on it using the visited selector. It could look something like this:

<style>
    a.post-card-content-link .read-marker {
    	background-color: red;
        width: 0.5em;
        height: 0.5em;
        border-radius: 100%;
        display: inline-block;
    }
    a.post-card-content-link:visited .read-marker {
        background-color: green;
    }
</style>

Then it would be a matter of adding the marker to the post items within the theme:

<a class="post-card-content-link" href="{{url}}">
    <h2 class="post-card-title"><span class="read-marker"></span> {{title}}</h2>
</a>

Hope this helps :blush:

1 Like
3

Thanks, that would certainly work. But I was hoping to have something that would move between browsers with the member.

2 Likes