Evri Widget Install Support

We have made every effort to make installation of our popover and sidebar widgets on TypePad and Blogger as simple as possible. If you are having any issues, please add a comment below describing the issues you’re having and we’ll post a response as soon as we can.

Common questions:

Q: I installed the popover or sidebar widget, but it is coming up empty. Why?

A: We use the CSSSelector variable to figure out what part of the page has content we should be making recommendations from. When there’s a mis-match between what we’re looking for and what’s there, our results suffer. We’ve used the most common templates for each platform, but there are always variations.

For example, check out the differences by platform for the code we use to feed the sidebar widget:

Blogger:

var contentCSSSelector = 'div.post h3, div.post div.post-body';

TypePad:

var contentCSSSelector = 'div.entry h3, div.entry div.entry-body p';

Standard webpage:

var contentCSSSelector = 'h1, p';

So, depending on what customizations you’ve made to your blog, you may need to tweak the widget code to make sure it matches up. What we see most are pages using h2’s instead of h3’s for headings, and different names in use for content divs.

Q: Why do you get so specific with the CSSSelector? Why not just use ‘h1, p’ everywhere?

A: You remembe the old adage “garbage in = garbage out”? We want to make sure we get you the best content recommendations possible so we try to hone in on actual headlines and posts, rather than, say, your navigation or, *gasp* any ads on the page.

27 Responses to “Evri Widget Install Support”

  1. Bobbi Says:

    Do I need to keep pasting the code into my news stories? I cannot seem to enter a topic or name into the widget.
    Thanks.

  2. Ryan Says:

    Hey Bobbi,

    You don’t need to enter topics or keywords to get the Evri widget to work on your blog. The widget uses the content in each of your blog posts and find related content. All you need to do is keep authoring. Our widget does the rest.

    Since you are managing Precious Kingdom via Blogger, you can just use the “Install on Blogger” link from the following page (near the top of the right column):

    http://www.evri.com/partners-and-bloggers.html

    When you click on the link, you will be taken to Blogger where you will need to authorize the installation. Once the widget is installed, you will not have to include it with each of your blog posts.

    Thanks for installing the Evri Widget on your blog!

    Ryan

  3. j.o. Says:

    I installed your widget into my typepad blog. A little bug appears at the botton of each entry, great.

    But, I also get a 400×400 white box with your logo tied to the top left of the browser (latest Firefox) window itself covering the blog page. Even though Typepad shows it being in the sidebar it is not.

    I turned it off but I can turn it on again if you like.

    j.o.

  4. keith Says:

    j.o.
    Can you point us to the URL where you installed the widget? We’ll check it out and see what we can do.
    kw

  5. j.o. Says:

    http://www.takeonart.com same as takeonart.typepad.com
    If I need to turn you widget on give me a window. I don’t want to leave it on too much until you fix it.

  6. Rory Says:

    LOVE this idea…
    However… technology is not my forte. Maybe I’m not understanding the concept of evri, but – is there an option to have you all to myself, and add you to to my personal widgets on my dashboard?

  7. Deep Dhillon Says:

    Hi Rory,

    I am not sure I understand your question, but all of our widgets @ http://www.evri.com/partners-and-bloggers.html are available for you to install on your blog. The “pop up from Evri button” widget is activated by a user click on our icon below each of your posts. The “Skyscraper” widget renders in your blog main URL; you can place this widget alongside your other personal widgets.

    D.

  8. Bruce Carton Says:

    I’m trying out your widget on my site (see here, for example):
    http://is.gd/k8vZ

    I’d like the first tab of related articles to just be from my site, like WashPost has–how do I do that?

  9. Chris Barrows Says:

    Hi Bruce,

    Happy to chat with you about this. Feel to e-mail me at Chris at Evri dot com.

    Chris
    Evri

  10. Tom Mannis Says:

    I’ve installed it to my Blogger site and see no changes. Will this only work with new posts added after installation of your widget? Thank you!

  11. Chris Barrows Says:

    Hi Tom,

    We took a look at your page but because it has a slightly different Blogger format than standard, you just need to slightly modify the CSS selectors within the widget. If you edit the widget contents within the layout section of your blog, go to line 10 that starts with “var contentCSSSelector..” Replace that line and the line below with the following code:

    var contentCSSSelector = ‘h2, div.post-body’;
    var documentCSSSelector = ‘div.entry’;

    Feel free to e-mail me at chris at evri dot com should you have any additional troubles.

    Chris

  12. Sherry Says:

    I like what you have going at the Washington Post which has led me here.

    Is there a way that I can add a Skyscraper widget in my WordPress posts so that Evri looks like it does at the bottom of the WP articles? Right now when I cut and paste the code at the end of a post, all I get is a link to Evri’s homepage.

    What I’m hoping to do is test this on my personal blog and use it to demo it for potential use at http://www.ics.uci.edu/ on our news and research story pages (I lead the Communications team there).

    It’d be great to have a horizontal orientation of this box too!

    Thanks!

  13. Sherry Says:

    Nevermind! I figured out the Wordpress plugin code is just as robust and will probably work. Trying that out now.

  14. Chris Barrows Says:

    Hi Sherry,

    If you encounter any additional challenges or have any questions, feel free to e-mail me directly at Chris at Evri dot com.

    Look forward to seeing it up on the site!

    Chris

  15. avi Says:

    Hi,
    I am using Joomla based website. what is the best way to install the code?
    thanks,
    Avi

  16. keith Says:

    I am not familiar with the Joomla CMS but if you have sufficient privileges to edit the source for pages, you should be able to add the standard javascript embed code for any of our widgets. Please post again if you have any issues inserting our code and I’ll see what additional support I can provide.

  17. malcolm Says:

    For Joomla i used the ‘PHP Module’ which allows JS code to run in a ‘blank sidebar’

    http://code.google.com/p/joomla-php/downloads/list

    Install as per any Joomla module and enable. I used the example code from this post:-

    http://blog.evri.com/index.php/sidebar-widget-wordpress/comment-page-1/#comment-2598

    note: there is a floating “<” that causes a JS error in this code snippet at
    var widget = new Evri.Widget.Jirafa(options);<

    so remove it
    var widget = new Evri.Widget.Jirafa(options);

    and it works fine.

    Perhaps some more tuning of the CSSselector is need but this seems to work for me at present

    var contentCSSSelector = ‘h2, h1 a, div.article-content p’;

    Enjoy

  18. Art Says:

    I cant get it to read the section on my page with the post body. The post text is inside .content, but the widget reads alot of something else. Not even sure what it reads. Im on a regular page, and I used the variable var contentCSSSelector = ‘.content p’;

    Can anyone help?

  19. Chris Says:

    Art,

    Try the CSSselector per Malcolm’s note above –

    var contentCSSSelector = ‘h2, h1 a, div.article-content p’;

    If you continue to have trouble installing it, feel free to leave your blog URL and we can take a look.

    Chris

  20. Neil Says:

    WHaaat?! No module for drupal?! You guys do realise it is one of the most popular CMS’es out there, just a huge market waiting to be tapped right?! And plus, the only competition you’ll face in the drupal arena is calais, which isn’t very well implemented in drupal!

  21. Red Says:

    Can the default view be changed? If so, I would like it to be ‘Images’ instead of ‘Articles’.

    Thank you.

  22. Art Says:

    I think the widget is getting cached somewhere, I cant change the contentCSSSelector to anything. I get results yes, but these results are from content that I removed from the page a while back. And its still getting the same results.

    Heres my code.

    Content recommendations fromEvri

    Evri.$(window).ready(function () { var contentCSSSelector = ‘div.box h2, div.entry p’; var options = {}; var widget = new Evri.Widget.Jirafa(options); widget.render(); widget.sendURI();});

    Any ideas?

  23. Datome Says:

    Guys, any idea how to change the height of the blogger widget? I want it a bit longer (not wider)

  24. Doug Wright Says:

    I have f blogs using typepad. I did not install any evri widget on my blogs (plan to sometime in the future). Typepad says they didn’t either. a reader complained on one blog, and my readership stats went to zilch. I looked at the problem the reader called my attention to.
    evri had blotted out and taken over 4 out of 5 unrelated blogs. Typepad help acted like I was crazy I. (I may be, but that’s got nothing to do with this problem.) No amount of explaning made them undersgand. It is impossible was the last comment i got before I went ballistic. They greatly coddled me after that, but still insist that since they didn’t do it, that I had to have. No one else has authorized access to my blog controls. I don’t see how or why they would have been compromised.
    I removed the code from typepad and this corrected the problem. But I NEVER PLACE THE CODE IN MY BLOG SETTINGS.
    Please help me understand what could have happened??? Best Regards, DP Wright

  25. Keith Says:

    Hello Doug,
    With all due respect, I don’t understand how our widget could have gotten installed on your blog without an admin doing so. We do not have a direct relationship with TypePad so I’m sure they don’t have any way to include our widget in any base install. And our widget only works if someone installs the code in their pages.

  26. Chris Barrows Says:

    @Datome,

    Unfortunately there is not currently a way to change the dimensions on the blogger widget. May I suggest taking a look at the Post or Sidebar widget as other alternatives that have a taller height?

  27. Claude Says:

    When I embed the Tweets widget half the box, vertically, is blank. The content is cut in half. It does not center in its display box.

Leave a Reply