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?
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
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.