Add RSS To Your WordPress and HTML Sites and Generate Affiliate Revenue!

top-secretIn this tutorial on how to add an rss feed to your site so that you can get affiliate revenue or pay per click revenue from eBay Partner Network!

Th eBay partner network got rid of their Editor Kit which allowed you to generate live feeds of listings on eBay.com. It was great because it would allow you to generate listings in any category, so if you were writing an article on antique tea pots you can place a live feed of antique tea pots in your post, and if anyone clicked and/or bought you would get paid.

Now the only way to do this is to use what’s called an rss parser to accomplish the same thing. Here is the email they sent me in response to my request for assistance on this issue:

Thank you for contacting eBay Partner Network Customer Support.

Once you have the RSS feed URL, you will need to use an RSS parser to
incorporate the data into your site. You can either build a parser or
download one. There are many free or cheap parsers available for all of the
popular programming languages. A quick search for “php RSS parser” or “asp
RSS parser” or “java RSS parser” (or whatever language you choose) will
show you some of the options you have available for your application.

If you are unable to access the source of your website, I suggest that you
use our Link Generator to generate a code and then use the URL within the
generated code, which follows the *href=”* part until the closing *”* as
trackable URL.

However, please note that while clicks and transactions will be still
credited to you using this method, many functions will not be available,
such as impression counts.

ePN allows the use of four URL shorteners: t.co (Twitter), goo.gl (Google),
fb.me(Facebook) and bit.ly.

How To Add An RSS Feed To Your WordPress Site (Using A Parser):

Before Installing Any Plugin or Writing Code Be Sure To Make a Backup Of Your WordPress Site or HTML!

Let us begin the tutorial:

First things first, you have to find out a suitable RSS feed aggregator plugin that matches you need. You have to login into your WordPress Dashboard. From the Dashboard, hover (Mouse over) over the Plugins and a Menu will appear as in the image below. Click on Add New.

rss-parser-1

Search for an “RSS Feed” and press ENTER in the search area. I already know which plugin I am going to use but as we are targeting the newbie here I want to ‘teach you to fish’ so that you can catch fish anytime you want. Scroll down and you will get a plugin named, “RSS Via Shortcode for Page & Post”.

Click on Install Now:
rss-parser-2

Click on Activate Plugin:
rss-parser-3

Next thing is understanding the pattern of short code and how to write it proper way to show the feed item.

Here is the pattern to write the shortcode:

parser-3

Where:

  • rss = URL of your RSS feed. This is the only tag required.
  • feeds = Number of RSS items to be fetched from feed. Default is 10.
  • excerpt = Extract feed summery? True or False. Default is true.
  • target = Default is ‘_blank’. By default it will open links in a new window/tab.

Let me show you a real example for this feed url using a specific feed for Drones on eBay using a feed url from the eBay Partner Network:

http://rest.ebay.com/epn/v1/find/item.rss?keyword=%28drone%2Cquad+copter%2Cuav%29+-toy&categoryId1=220&sortOrder=BestMatch&programid=1&campaignid=5337690923&toolid=10039&listingType1=All&lgeo=1&feedType=rss

The shortcode would be:

parser-4

You will get the following output if you have done all the steps properly:

[rssonpage rss=”http://rest.ebay.com/epn/v1/find/item.rss?keyword=%28drone%2Cquad+copter%2Cuav%29+-toy&categoryId1=220&sortOrder=BestMatch&programid=1&campaignid=5337690923&toolid=10039&listingType1=All&lgeo=1&feedType=rss” feeds=”5″ excerpt=”true” target=”_blank”]

Hope you enjoyed it. Let me know if you have any questions.

How To Use An RSS Parser To Put An RSS Feed From The eBay Partner Network On Your HTML Site (Static Website):

I am going to write another post on how to put rss on your site. This time I will write the post targeting the general audience who doesn’t use wordpress but still knows basic html, css, and a little javascript. And that me as well…I don’t know these languages very well but after a while I can find my way around on a basic level.

Don’t worry! Even if you don’t know anything of these, you can still do it if you follow my instruction. Ok let us begin.

For this tutorial we are going to use FeedEk. According to official Feedek website, “FeedEk is a jQuery plugin for parsing and displaying RSS and Atom feeds. FeedEk uses Google Feed API to retrieve feeds. You can obtain feeds easily from any domain. No need for server-side scripts.” You can download it from here: http://jquery-plugins.net/FeedEK/FeedEK.html

From there, click on the download button. If you don’t have winrar then go to the github and download a zipped version.

feedek-jQuery

Ok, now extract the files you will get 2 folders and a FeedEk_demo.html. If you have more files other than these, don’t worry about them. We only need these.
How to use it:

1: Include jQuery and FeedEk plugin scripts into your page.

2: Add a placeholder for the plugin to your page.

3: Call the plugin.
Basic:
$(‘#divRss’).FeedEk({
FeedUrl : ‘http://rss.cnn.com/rss/edition.rss’,
});
With Options:
$(‘#divRss’).FeedEk({
FeedUrl : ‘http://rss.cnn.com/rss/edition.rss’,
MaxCount : 5,
ShowDesc : true,
ShowPubDate:true,
DescCharacterLimit:100,
TitleLinkTarget:’_blank’
});
With Date Format Options:
(‘#divRss’).FeedEk({
FeedUrl : ‘http://rss.cnn.com/rss/edition.rss’,
MaxCount : 5,
ShowDesc : true,
ShowPubDate:true,
DescCharacterLimit:100,
TitleLinkTarget:’_blank’,
DateFormat:’MM/DD/YYYY’,
DateFormatLang:’en’
});

Real example with files:

In the following section I will make an html webpage with this feed, which is another feed from the eBay Partner Network:

http://rest.ebay.com/epn/v1/find/item.rss?keyword=%28drone%2Cquad+copter%2Cuav%29+-toy&categoryId1=220&sortOrder=BestMatch&programid=1&campaignid=5337690923&toolid=10039&listingType1=All&lgeo=1&feedType=rss

First I am creating a basic html page with the following code:

jquery-java-6

Now adding the code on the head section:

jquery-java-7

Now adding the div as mentioned in the tutorial where feedek will show the feed:

jquery-java-8
Now we have to add the feed you need to put the following code in the head section and also in the body section as highlighted:

jquery-java-9jquery-java-10
Here I have used the feed with options. The ‘Max count’ is the number of feed items you want to show. Increase or decreases as you want per your need. ‘Show desc’ means the item descripton and the ‘character limit’ is the number of characters in the description. ‘ShowPubDate’ is the date option to show, which is the date when the feed was published. For the rest, keep it as is to get the feed properly.

I hope you have enjoyed today’s tutorial. Let us know if you have any problem.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.