Introduction

scite is a Brooklyn-based organization that helps researchers better discover and evaluate scientific articles through Smart Citations–citations that display the context of the citation, describe whether the article supports, mentions, or contrasts the cited claims, and a label indicating in which section the citation was made.

We offer two badges which you can embed for free in your website: Citation Type Badge and Section Badge.

Citation Type Badge

<script
    async
    type="application/javascript"
    src="https://cdn-stage.scite.ai/badge/scite-badge-latest.min.js">
  </script>
  <div
    class="scite-badge"
    data-doi="10.1016/j.biopsych.2005.08.012"
    data-tally-show='true'
    data-show-labels='true'
    data-section-tally-show='false'
  />

The following badge with Citation Type tallies should appear (hover to see tooltip):

View Citation Type Badge Designer

Section Badge

<script
  async
  type="application/javascript"
  src="https://cdn-stage.scite.ai/badge/scite-badge-latest.min.js">
</script>
<div
  class="scite-badge"
  data-doi="10.1016/j.biopsych.2005.08.012"
  data-tally-show='false'
  data-section-tally-show='true'
  data-show-labels='true'
  data-section-tally-layout='vertical'
  data-chart-type='donut'
/>

The following badge with Section tallies should appear (hover to see tooltip):

View Section Badge Designer

How Can I Use the Badge?

The scite badges for Citation Type tallies and Section tallies are 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 customersupport@researchsolutions.com 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.

Citation Type Badge Designer

Customize your Citation Type badge before embedding on your site. Scroll down further for the Section designer.

Design your Citation Type Badge

Citation Type 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-small="false"
     data-show-labels="false"
     data-tally-show="true">
</div>
<script async type="application/javascript" src="https://cdn-stage.scite.ai/badge/scite-badge-latest.min.js">
</script>

Section Badge Designer

Customize your Section badge before embedding on your site.

Design your Section Badge

Section Badge preview

Paste the following snippet on your page

<div class="scite-badge"
     data-doi="10.1016/j.biopsych.2005.08.012"
     data-show-zero="false"
     data-small="false"
     data-show-labels="false"
     data-tally-show="false"
     data-section-tally-show="true"
     data-chart-type="donut"
     data-section-tally-layout="vertical">
</div>
<script async type="application/javascript" src="https://cdn-stage.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
show-total
Show citation total
false
true
Option
Description
Required
Default value
small
Use small styling for badge
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, contrasting, mentioning)
false
false
Option
Description
Required
Default value
tally-show
Whether to show the Citation Types Tally.
false
true
Option
Description
Required
Default value
section-tally-show
Whether to show the Section Tally. If both this and tally-show are true, a stacked view is used. For full control of layout, render them separately.
false
false
Option
Description
Required
Default value
section-tally-layout
The layout to use for the Section Tally widget. Either vertical or horizontal
false
horizontal
Option
Description
Required
Default value
chart-type
The chart type to use for the Section Tally widget. Must be bar, pie, or donut.
false
null

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

Controlling where badges appear

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.

Styling the badge

If you need to change the style of the badge, such as make it smaller to fit a certain component, you can use the class scite-badge to style the badge. This class is applied to the badge element and can be used to style the badge and it's children elements.