I recently started up FreshRSS in my docker environment. I was super excited about the web scraping feature.
Now that I’m setting it up, it looks like that it is able to scrape single web pages, but I am unable to figure out how to get it to crawl into the actual article to scrape the full content.
Is anyone aware of how to do this.
For example, runescape.com/m=news/
This page has a list of articles with a thumbnail, title, category, date, and a short description of the article. Would it be possible for FreshRSS to crawl into the article link and scrape the contents within?
It can be done directly in FreshRSS and I’ve done it successfully with a few websites, though the process is fairly involved. Here’s a starting point, from the FreshRSS documentation:
That feed contains only titles, thumbnails and a very small preview of each article. However, with FreshRSS you don’t need to do scraping/crawling at all to get full articles from limited RSS feeds like this one. Here’s what you do:
Subscribe to the RSS feed in FreshRSS as you normally would.
Go to Subscription Management and find the settings for the RuneScape feed.
In the Advanced section of the feed settings, find the item called “Article CSS selector on original website”, and write .c-news-article__content in that text box. You can click on the button next to the text box to preview the full article that FreshRSS will retrieve.
Click Submit to save the changes, and then go to the bottom of the feed settings and click Reload articles so that FreshRSS populates the feed with a few full articles.
That should do it. The CSS selector essentially tells FreshRSS which section of the full article’s HTML/CSS is the body of the article, which FreshRSS then uses to populate the body of the RSS feed.
Thank you so much! This worked out fantastically and it also looks great in the feed. I don’t know how you figured this stuff out but I need to get learned up on this!
When trying to use the same process you did in the RuneScape feed, it didn’t seem to work.
I go to the full articles, I found that the content is listed in the Classsite-content container clearfix. Attempting to add .site-content container clearfix in the Article CSS selector on original website area. It says The selector didn’t match anything. As a fallback the original feed text will be displayed instead.
Using .site-content container clearfix didn’t work because those are actually three separate CSS classes, so you’d have to use only one - for example .site-content. However, it looks like .site-content is too big, as it includes the website’s sidebar as well. You may already know this but in Firefox and Chrome you can right click anywhere on the website and use the Inspect option to look at the source, and clicking on a section of the source highlights the corresponding section of the website and this will help you find exactly the CSS class you’re looking for. I did this on a couple articles from Humble Bundle and found a couple of options:
.post: This includes only the content of the post, excluding the title and the image.
.site-main: This includes the title, author, image and the content.
Another useful tool in FreshRSS I forgot to mention is “CSS selector of the elements to remove”. You can use it to remove certain section from the full article, I’d recommend removing .sharedaddy and .entry-footer (the sharing links at the end of the article), and also .entry-header if you use .site-main as the CSS selector for the full article (.entry-header is the title of the article, but FreshRSS already fetches it from the RSS feed so you don’t need it in the body of the article as well). You can remove multiple sections by using a comma-separated list of CSS classes to remove:
You are not logged in. However you can subscribe from another Fediverse account, for example Lemmy or Mastodon. To do this, paste the following into the search field of your instance: !selfhosted@lemmy.world
A place to share alternatives to popular online services that can be self-hosted without giving up privacy or locking you into a service you don’t control.
Rules:
Be civil: we’re here to support and learn from one another. Insults won’t be tolerated. Flame wars are frowned upon.
No spam posting.
Posts have to be centered around self-hosting. There are other communities for discussing hardware or home computing. If it’s not obvious why your post topic revolves around selfhosting, please include details to make it clear.
Don’t duplicate the full text of your blog or github here. Just post the link for folks to click.
Submission headline should match the article title (don’t cherry-pick information from the title to fit your agenda).
No trolling.
Resources:
selfh.st Newsletter and index of selfhosted software and apps
I haven’t tried it yet and it depends on an outside service, but maybe https://morss.it/ can help?
It can be done directly in FreshRSS and I’ve done it successfully with a few websites, though the process is fairly involved. Here’s a starting point, from the FreshRSS documentation:
https://freshrss.github.io/FreshRSS/en/users/11_website_scraping.html
This blog post (also linked in the FreshRSS docs above) proved extremely useful as an example on how to get started:
https://danq.me/2022/09/27/freshrss-xpath/
Good luck!
Before you go reading all that, out of curiosity I looked around the RuneScape site and found the News RSS feed here:
https://secure.runescape.com/m=news/latest_news.rss
That feed contains only titles, thumbnails and a very small preview of each article. However, with FreshRSS you don’t need to do scraping/crawling at all to get full articles from limited RSS feeds like this one. Here’s what you do:
.c-news-article__contentin that text box. You can click on the button next to the text box to preview the full article that FreshRSS will retrieve.That should do it. The CSS selector essentially tells FreshRSS which section of the full article’s HTML/CSS is the body of the article, which FreshRSS then uses to populate the body of the RSS feed.
Thank you so much! This worked out fantastically and it also looks great in the feed. I don’t know how you figured this stuff out but I need to get learned up on this!
Would you be able to help me on Humble Bundles feed?
I am using the RSS Feed:
When trying to use the same process you did in the RuneScape feed, it didn’t seem to work.
I go to the full articles, I found that the content is listed in the Class
site-content container clearfix. Attempting to add.site-content container clearfixin the Article CSS selector on original website area. It says The selector didn’t match anything. As a fallback the original feed text will be displayed instead.Could you tell me what I’m doing wrong?
Using
.site-content container clearfixdidn’t work because those are actually three separate CSS classes, so you’d have to use only one - for example.site-content. However, it looks like.site-contentis too big, as it includes the website’s sidebar as well. You may already know this but in Firefox and Chrome you can right click anywhere on the website and use the Inspect option to look at the source, and clicking on a section of the source highlights the corresponding section of the website and this will help you find exactly the CSS class you’re looking for. I did this on a couple articles from Humble Bundle and found a couple of options:.post: This includes only the content of the post, excluding the title and the image..site-main: This includes the title, author, image and the content.Another useful tool in FreshRSS I forgot to mention is “CSS selector of the elements to remove”. You can use it to remove certain section from the full article, I’d recommend removing
.sharedaddyand.entry-footer(the sharing links at the end of the article), and also.entry-headerif you use.site-mainas the CSS selector for the full article (.entry-headeris the title of the article, but FreshRSS already fetches it from the RSS feed so you don’t need it in the body of the article as well). You can remove multiple sections by using a comma-separated list of CSS classes to remove:.entry-header, .sharedaddy, .entry-footerThank you again :). From your explanation, I think I have a good grasp on how to identify the proper CSS elements now.
Have a wonderful day!
No problem! FreshRSS really is amazing so I’m happy to help and spread the love.
Thanks a ton for those links