WOT widget - Revision history

BFeely: Adjust script call to work on both HTTP and HTTPS

2016-01-09T22:37:37Z

Adjust script call to work on both HTTP and HTTPS

G7w at 01:20, 7 January 2010

2010-01-07T01:20:28Z

G7w: /* Adding ratings to your website or blog */

2010-01-07T01:19:30Z

‎Adding ratings to your website or blog

G7w: Created page with '=Adding ratings to your website or blog= [http://www.mywot.com/blog/adding-ratings-to-your-website Originally discussed on the WOT Blog] ''published on Thu 05 Jun 2008 by Sami'' …'

2010-01-07T01:19:06Z

Created page with '=Adding ratings to your website or blog= [http://www.mywot.com/blog/adding-ratings-to-your-website Originally discussed on the WOT Blog] ''published on Thu 05 Jun 2008 by Sami'' …'

New page

=Adding ratings to your website or blog=
[http://www.mywot.com/blog/adding-ratings-to-your-website Originally discussed on the WOT Blog] ''published on Thu 05 Jun 2008 by Sami''

Some of you may have noticed the rating symbols shown next to external links on our website and the small tooltip that links to the target site's reputation scorecard. Now you can add these to your website as well using the small web widget we created.

To add the widget to your website, simply insert the following snippet to your site's source code and let the widget take care of the rest:

<pre>
<script type="text/javascript"
src="http://api.mywot.com/widgets/ratings.js"></script>
</pre>

We have also included some options that let you customize where and how the ratings are displayed. This makes it possible to add ratings only to parts of your site, such as links posted in blog comments, for example.

=Controlling where ratings are shown=
Ratings are added to all external links on the page unless instructed otherwise. You can limit the ratings to only some of the links by defining one or more options as follows:
<pre>
var wot_rating_options = {
option_1: value,
...
option_N: value
};
</pre>

==Widget options:==
===selector===
Defines [http://docs.jquery.com/Selectors a CSS selector]. The widget adds ratings for any link that matches this selector.

Example: If your page has a HTML element with an id attribute "comments" and you want to limit ratings only to links inside that element, set the selector option as follows:
<pre>
var wot_rating_options = {
selector: "#comments a[href]"
};
</pre>

===exclude===
Defines [http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Guide:Regular_Expressions a regular expression]. Ratings are not shown for links where the hostname matches this expression.

Example: If your page has links to the domain example.com and you don't want to show ratings for these links, set the exclude option as follows:
<pre>
var wot_rating_options = {
exclude: /^(.+\.)*example\.com$/i
};
</pre>

===exclass===
Defines [http://www.w3.org/TR/REC-html40/struct/global.html#h-7.5.2 an element class]. Ratings are not shown for links that belong to this class. This option has the default value "wot-exclude".

Example: If your page has links matching the selector option above who belong to the class "norating" and you don't want to show ratings for them, set the exclass option as follows:
<pre>
var wot_rating_options = {
exclass: "norating"
};
</pre>

===exchildren===
Defines [http://docs.jquery.com/Selectors a CSS selector]. If the link matching the selector option has one or more child elements matching this selector, ratings are not shown for the link. This option has the default value "img", which removes ratings from image links.

Example: If you don't want to show ratings for links that have a child element of type img or div, set the exchildren option as follows:
<pre>
var wot_rating_options = {
exchildren: "img, div"
};
</pre>

===updateinterval===
Defines an interval in milliseconds. If your page has dynamically added links and you want ratings to appear for them too, you'll need to define how often the widget should look for new links and update the ratings.

Example: If you want the widget to check for missing ratings once a second, set the updateinterval option as follows:
<pre>
var wot_rating_options = {
updateinterval: 1000
};
</pre>

=Example: Blogger=
We created [http://wotwidget.blogspot.com/ a sample blog] that shows how to add the widget to your Blogger pages.

1. Click the "Customize" link on your blog.
2. Click the "Edit HTML" link on the Layout page.
3. Scroll down the "Edit Template" field until you find the </head> tag.
4. Copy and paste the following snippet just before the tag:
<pre>
<script type="text/javascript">
var wot_rating_options = {
selector: ".post-body a[href], .comment-body a[href]"
};
</script>
<script type="text/javascript"
src="http://api.mywot.com/widgets/ratings.js"></script>
</pre>

This adds ratings to your blog posts and user comments. If you only want to show them for user comments, set the selector option to ".comment-body a[href]".

==Questions?==
If you have any questions about using the widget on your website, post a comment on the [http://www.mywot.com/blog/adding-ratings-to-your-website blog article].

← Older revision		Revision as of 01:19, 7 January 2010
Line 1:		Line 1:
	=Adding ratings to your website or blog=		=Adding ratings to your website or blog=
	[http://www.mywot.com/blog/adding-ratings-to-your-website Originally discussed on the WOT Blog] ''published on Thu 05 Jun 2008 by Sami''		[http://www.mywot.com/blog/adding-ratings-to-your-website Originally discussed on the WOT Blog] ''published on Thu 05 Jun 2008 by Sami''
−

@@ Line 9: / Line 9: @@
 <pre>
 <script type="text/javascript"
-src="http://api.mywot.com/widgets/ratings.js"></script>
+src="//api.mywot.com/widgets/ratings.js"></script>
 </pre>
@@ Line 92: / Line 92: @@
 </script>
 <script type="text/javascript"
-src="http://api.mywot.com/widgets/ratings.js"></script>
+src="//api.mywot.com/widgets/ratings.js"></script>
 </pre>

@@ Line 13: / Line 13: @@
 We have also included some options that let you customize where and how the ratings are displayed. This makes it possible to add ratings only to parts of your site, such as links posted in blog comments, for example.
 =Controlling where ratings are shown=
@@ Line 23: / Line 24: @@
 };
 </pre>
 ==Widget options:==
@@ Line 74: / Line 76: @@
 };
 </pre>
 =Example: Blogger=
@@ Line 93: / Line 96: @@
 This adds ratings to your blog posts and user comments. If you only want to show them for user comments, set the selector option to ".comment-body a[href]".
 ==Questions?==
 If you have any questions about using the widget on your website, post a comment on the [http://www.mywot.com/blog/adding-ratings-to-your-website blog article].