Introduction

scite is a Brooklyn-based startup that helps researchers better discover and evaluate scientific articles through Smart Citations–citations that display the context of the citation and describe whether the article provides supporting or contradicting evidence. The scite badge is an easy way to integrate Smart Citations with your own web pages.

Getting started with the scite badge is very easy, simply include the following on your page where you would like the badge to appear:

<link rel="stylesheet" type="text/css" href="https://cdn.scite.ai/badge/scite-badge-latest.min.css">
<script async type="application/javascript" src="https://cdn.scite.ai/badge/scite-badge-latest.min.js">
</script>
<div class="scite-badge" data-doi="10.1016/j.biopsych.2005.08.012"/>

The following should appear (hover to see tooltip!):

See below for more badge customization options.

Want to see the badge automatically around the web? Try our scite plugin supporting hundreds of sites!

Install extension!

How Can I Use the Badge?

The scite badge is free for personal use, or for use with works you yourself have authored.

If you are an organization and would like to use the badge you are also welcome, but please email us at hi@scite.ai and let us know how you will be using it. We also offer custom API integration for cases where the badge is not a good fit.

Badge Designer

Customize your badge before embedding on your site.

Design your badge

Badge preview

Paste the following snippet on your page

<div class="scite-badge"
     data-doi="10.1016/j.biopsych.2005.08.012"
     data-layout="vertical"
     data-show-zero="false"
     data-show-labels="false">
</div>
<link rel="stylesheet" type="text/css" href="https://cdn.scite.ai/badge/scite-badge-latest.min.css">
<script async type="application/javascript" src="https://cdn.scite.ai/badge/scite-badge-latest.min.js">
</script>

All Options

Options can be specified on the inserted div prefixed with data-. For example to customize the badge layout:

<div class="scite-badge" data-doi="10.1016/j.biopsych.2005.08.012" data-layout="horizontal"></div>

Options

Manual badge insertion

By default the badges will load in after the page has loaded. To manually reload the badges run the function insertBadges is exposed as window.__SCITE.insertBadges()

Pulling DOI from <meta /> tag

To pull the target DOI from a meta tag in the document rather than setting inline, you can use the syntax meta:my_tag_name. For example, if the tag <meta name="article_doi" content="10.1016/j.biopsych.2005.08.012"/> were present:

<div class="scite-badge" data-doi="meta:article_doi" data-layout="horizontal"></div>

Advanced Usage

If it is more convenient to configure the badges not inline where they will be injected but elsewhere on the page, you can use elements with the class scite-badge-config to describe your badges. These elements are configurable the same way as scite-badge elements but have two extra options:

If insert-before is not set to true then the badge will be appended to the element specified as target-el. If insert-before is true then the badge will be inserted before the element specified by target-el.