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, 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.

<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"
    data-tally-show='true'
    data-show-labels='true'
    data-section-tally-show='false'
  />

<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"
  data-tally-show='false'
  data-section-tally-show='true'
  data-show-labels='true'
  data-section-tally-layout='vertical'
  data-chart-type='donut'
/>

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 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.

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.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.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

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:

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.