Ideal Related Articles

Ideal Related Articles (iRelated) Component displays blocks of related articles inside the article. You can also insert blocks of HTML or Javascript code (Google Adsense for example)

Best Related Articles Extension

Ideal Related Articles (iRelated) displays related articles to Joomla articles. Quickly increase your readers' engagement with your articles by adding Ideal Related Articles inside your content. Automatically added Related Articles can increase your internal traffic up to 10%. Just install and activate. To attract attention and improve SEO you can manually link out to Related Articles across the web from the Article Edit Screen in Joomla back-end. Search for articles and hand-pick them with ease using the Ajax Auto Complete Search in the administrator area. Plugin supports different styles, thumbnails and it is fully customizable;

With Ideal Related Articles you can also:

  • Display Google AdSense ads in articles;
  • Add Custom CSS rules into all content items;
  • Add Copyright Information to the bottom of the clipboard when the user copies an article or pressed the 'Ctrl + c' hotkeys;
  • Auto Generate Meta Keywords based on the Article content;
  • Display Related Articles in a module position;
  • Automatically creates links out of selected words in your Joomla! content articles. You can link specific words to Menu items, Articles or URLs. Each Word Linking rule can be assigned to specific menu items and have a limit number of occurrences (replacements).

iRelated has several advantages when compared to Joomla! related articles and to the competitors:

Features

  • Increases the time the user spends in your website. As your visitors reads the article, they are presented with links to articles that are related to the one that is displayed;
  • The content editor can manually set the related articles, in order to improve accuracy. However there is also an automatic mode, which displays the related articles based on Meta keywords and/or Joomla core tags;
  • Decreases user bounce rate: Because the content plugin displays related article in the middle of content, if the user does not like the current content is more likely to click on a related article than hitting the browser's back button;
  • Improves Search Engine Optimization for your website (by adding the article's Keywords at the end of the content);
  • More visually appealing: With the plugin you can display part of the article's text and a thumbnail image, which is created automatically using the first image in the article;
  • Extra: The content plugin has an extra option: you can load custom code in selected paragraphs. Ideal for a note to your users in HTML OR a Javascript code, Google AdSense code for instance ;-)

Demonstration:

Visit our demonstration page:

Front-end

Back-end (Username: demo Password: demo)

How the Content Plugin works:

There are 4 different modes to choose the related articles to display in a article: Manual, Metakey, Tags and Mixed.

  • Manual: You can manually choose which related articles will be displayed for each article; There are two ways to choose the articles:
    1. There's an easy to use interface in Components →iRelated Articles → Articles;
    2. In the Article edit page (back-end) there's an interface that allows you to add related articles;
  • Metakey: Will use the Article's Meta Keywords to decided which articles are related;
  • Tags: Will use the Articles Tags in order to decide which articles are related;
  • Mixed: Tries to find manually added items, then it displays the related items by tags and then the related items by Meta Keywords; This is the recommended method because even if you want to choose your related items manually you still have the option to display by the meta key and tags in case you have forgotten OR didn't have time to manually set the related items;

It counts the number of paragraphs and inserts a "block" of "Related Articles" after the configured position(s); Possible Position values are:

  • Fixed paragraphs: You can choose after which paragraphs you want to display the Related Article block(s). Just enter multiple paragraphs numbers separated by commas; You can also enter the word last in order to display one of the blocks after the last paragraph;
    This demo was configured to display 2 blocks of related articles, one after the second paragraphs and one after the last one;
  • Repeat every X paragraphs: You can choose to display a Related Article block repeatedly after every x number of paragraphs;
  • Middle of the content: The plugin will count how many paragraphs an article has and place a Related Article block in the middle of the content;
  • After Content: A Related Article block will be inserted after the content;
  • Middle and after content: The plugin will insert a Related Article block in the middle and after the content;
  • Random: Let the plugin randomly choose where to display the Related Article block; Do not use this option if you use another content plugin that inserts code into articles;

There are three layout options for the Related Article blocks:

  1. Floating: The Related Article block will be displayed floating on the right;
  2. Wide: The Related Article block will take the entire article width;
  3. Auto: Let the plugin decide how to display the articles; It will usually load the first block Floating and the next Wide, but it depends on the number of blocks and paragraphs;

More Related Articles options:

  • # Articles to List: Choose how many Related Articles you want to display per block;
    • Show text (content): Whether or not you want to display a part of the related article's text;
  • Text Length: If the option above is enabled you can choose how many characters you want to display;
  • Thumbnails: You can choose to display a thumbnail of the first image in the related article;
    • Image Width: Set the thumbnail image width;
    • Image Height: Set the thumbnail image height;

Tags (Create tags from Keywords)

The content plugin also has the option to display the article's keywords as tags, which will link to Joomla! Search Component; This also helps to improve the amount of time the user spends on the site and will add more pages indexed on search engines, which may result in more traffic from search engines;

Available Options:

  • Position to load: Hide, before content, after content OR before and after content;
  • Set Itemid: Force tag links to use the Itemid of the selected Menu item. Recommended in order to enhance SEF and to better control how the page will look like;
  • Tag Style: Choose a styling for your tags. You can change the styling in the CSS files in this directory: /administrator/components/com_irelated/assets/css/tags/
  • Word list separator: in case you do not load any Tag Style you can separate tags by a separator such as a comma , or pipe | for example;

Custom Code

With Custom Code you can add ANY content to any part of article.This may include Javascript (including Google AdSense code) or HTML. This code can be placed in one or more positions.

Available positions:

  • Fixed paragraphs: You can choose after which paragraphs you want to display the this custom code. Just enter multiple paragraphs numbers separated by commas;
  • Middle of the content: The plugin will count how many paragraphs an article has and place the Custom Code in the middle of the content;
  • After Content: The Custom Code will be inserted after the content;
  • Middle and after content: The plugin will insert the Custom Code in the middle and after the content;

Custom Code textearea

You can use this plugin to load either Javascript, HTML OR both into content items.

Javascript Example:

<script type="text/javascript">
	 (YOUR CODE HERE)
</script> 


HTML Example:

<div style="width:25%;float:right;border:1px solid #EEE;padding:5px;margin:5px;clear:both"> 
	(SOME OTHER CONTENT HERE)
<div> 

HTML and Javascript Example:

<div style="width:300px;float:right;border:1px solid #EEE;padding:5px;margin:5px;clear:both"> 
	<script type="text/javascript">
		 (YOUR CODE HERE, LIKE ADSENSE JS CODE )
	</script> 
<div> 

IMPORTANT: The box will not have any style, but you can add a styling using the style attribute OR add a class then use the CSS field below to add styling
VERY IMPORTANT: If you use this option, please make sure the positions do not conflict with the Related Articles positions. BE ADVISED that if you are not careful you might have two blocks of code in the same line, which will not look very nice. If that happens please change the settings until you get the desired result.

CSS Code:

Add CSS (style) code into the HTML <head> tag. DO NOT add the <style> tag.

Exclusions

Under some circumstances you might not want to load the plugin, so we've prepared a few options for you:

  • Exclude Mobile browsers: If enabled the plugin will not be executed when the site is viewed from a mobile browser;
  • Exclude Articles: Disable the plugin for selected menu items separated by comas;
  • Exclude Menu items: Disable the plugin for the selected menu items;
  • Exclude Categories: Disable a plugin for the selected categories. If you want to disabled it from the children categories you will have to select them as well;
  • Exclude UserGroups: Plugin will not be loaded for the selected usergroups;
  • Exclude from templates: Plugin will not be loaded for the selected templates;
  • Block IPs: In order to disable the plugin for some IP addresses, enter one or more IP addresses separated by comas;

Add Copyright

Add Copyright Information to the bottom of the clipboard when the user copies an article or pressed the 'Ctrl + c' hotkeys;

Meta Keywords

Can be configured to add Meta Keywords based on most common words in article. Will only be executed if article has no Meta Keywords on content save OR on page load on both;

Change Log:

Version 3.4.8 (December/14/2015):

  • + Added Option new feature to link words in Articles to other articles, menu links or URLs. Watch the video
  • + Added option to display more than one Custom Code block;

Version 3.4.6 (September/24/2015):

  • + Added Option to display related articles from some categories only;
  • + New Option that allows to add any attribute to the article's link. For instance an user wanted to add rel="nofollow" to tell search engines to not follow the links;

Version 3.4.5 (July/24/2015):

  • + Auto Generate Meta Keywords for articles without meta keywords (optional);
  • + Added option to easily change the language strings in the front-end;
  • + Added Default Image option;
  • + Added option to get Related Article Image from any source. The Plugin will first try the Intro Image, then the Full Article Image and then it will attempt to get the first image in the article. If no image is found it will load the default image (if set);
  • + Added Google Analytics options in order to help you to track the traffic driven by the related articles.
  • + Added option to restrict related items by the same or different categories (when in Meta Key, Tags or Mixed modes) to the Content Plugin and Module;
  • # Fixed the issue when mode set to Mixed in Joomla 2.5, because Joomla 2.5 doesn't have the Tags option;
Recommend to a friend
Feedback