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!

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

Option
Description
Required
Default value
doi
Target DOI (can reference a meta tag to pull from the page instead, see below)
true
null
Option
Description
Required
Default value
show-zero
Show badge even if scite has zero citations for DOI
false
false
Option
Description
Required
Default value
layout
Either vertical or horizontal
false
vertical
Option
Description
Required
Default value
tooltip-placement
Preferred tooltip placement (top, left, right, bottom or auto)
false
auto
Option
Description
Required
Default value
tooltip-slide
Preferred tooltip position offset along edge in pixels (0 is center)
false
0
Option
Description
Required
Default value
show-labels
Whether to show tally labels (supporting, disputing, mentioning)
false
false

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:

Option
Description
Required
Default value
target-el
Selector for the element the badge should be injected into or by (see below)
true
null
Option
Description
Required
Default value
insert-before
Whether the badge should be injected before the element
false
false

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.