Examples / Help for CssSelectorBridge's selectors?

[antermin]

I would like to use @ORelio's CssSelectorBridge on anime sites, for example this one.

I used article.p-article__item for "Selector for article links or their parent elements" and it can extract date and news title.

However, I am not sure how to extract the image as feed content. I have tried things like div.p-article__thum, div.p-article__head and img.src for "Selector to extract each article content", but it will return "Could not find content selector at URL".

[antermin]

I tried writing a custom bridge for the site: (but I would like to use CssSelectorBridge, because it means I don't need to host my own instance and write a bridge for every series)

	const MAINTAINER = 'Nobody';
	const NAME = 'Genjitsu no Yohane news';
	const URI = 'https://yohane.net/news/';
	const CACHE_TIMEOUT = 300; // 5m
	const DESCRIPTION = 'Returns news from the Genjitsu no Yohane series.';

	public function collectData(){
		$url = self::URI;

		$html = getSimpleHTMLDOM($url)
			or returnServerError('Could not request Yohane at ' . $url);

		foreach($html->find('article.p-article__item') as $element) {
			$item = array();
			$item['uri'] = $url . $element->find('a', 0)->href;
			$item['title'] = $element->find('h2', 0)->innertext;

			// Content
			$image = $element->find('img', 0);
			$item['content'] = '<img src="' . $url . $image->getAttribute('src') . '" /';
			$this->items[] = $item;
		}
	}

[HolgerAusB]

I am not so familiar with RSS Bridge and can't find the custom bridge at the moment. But have you tried img or img @src ?

That would be the right selectors for FeedCreator maybe they work with RSS-bridge as well.

[dvikan]

this bridge was very recently added: #3457

[ORelio]

Hi,
Try the following:

• Selector for article links: article
• Selector for article content: div.main

https://rss-bridge.org/bridge01/?action=display&bridge=CssSelectorBridge&home_page=https%3A%2F%2Fyohane.net%2Fnews%2F&url_selector=article&url_pattern=&content_selector=div.main&content_cleanup=&title_cleanup=&limit=&format=Html

[HolgerAusB]

aaaah, I see. the content is not fetched from the index page, but from the article page.

So I suggest to use

• Selector for article links: article
• Selector for article content: div.c-detail__article_body

to prevent the social media icons in every feed item.

Image only is a problem. When you use div.main-img as content selector, the bridge throws an error, if only one of the articles has no image

@ORelio: I believe that the bridge should not throw an error here. Just place something like a [could not fetch content] into the item-content of the generated feed.

[antermin]

Thank you @ORelio and @HolgerAusB.
Now I get that I need to use the selector from the individual article page for article content selector, not from the article list page.

I noticed that if "Selector for article content" is blank (only input article for article links selector), article titles are fine (which is the date + short summary of the news).

However, once I also input div.main or div.c-detail__article_body, it seems that the bridge uses the <title></title> property on individual article pages instead, which is "幻日のヨハネ -SUNSHINE in the MIRROR- 公式サイト" (i.e. "Genjitsu no Yohane -SUNSHINE in the MIRROR- Official site").

May I request a new feature for CssSelectorBridge to tweak the title extraction behavior? I find that quite a number of sites use a generic page title (e.g. "NEWS | TV Anime XYZ Official Site") for the individual article page.

[ORelio]

I'll have a look at this.

[ORelio]

Please retry with the latest version of the bridge. See #3573.

[ghost]

@antermin The brige was renamed to CssSelectorBridge, please change the title.

[antermin]

Done, thanks!

[abjil]

I tried the options in this thread for https://ucsd-nt.zulipchat.com/#narrow/stream/293508-Conference.2Fseminar-announcements, but most of the time I was getting "Error 400" (most likely due to my complete ignorance with CSS). I would appreciate it if the respected author @ORelio could help.

[ORelio]

Unfortunately, this site is dynamic, so you cannot use CssSelectorBridge on it. You would need to write a bridge specifically for this site.

[abjil]

Thank you for your quick response.