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.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):
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='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):
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.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
doinullshow-zerofalseshow-totaltruesmallfalselayoutvertical or horizontalverticaltooltip-placementtop, left, right, bottom or auto)autotooltip-slide0show-labelsfalsetally-showtruesection-tally-showtrue, a stacked view is used. For full control of layout, render them separately.falsesection-tally-layoutvertical or horizontalhorizontalchart-typebar, pie, or donut.nullManual 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:
target-elnullinsert-beforefalseIf 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.
