Citation Smart Embed Code

BizGenius' Smart Embed Code allows you to display your citations professionally on your website without coding. Each widget is only one line of code, and you only need to add to your webpage once, and the content will update itself automatically when we update the backend data. Smart Embed Code will save you a ton of time and hassle.

Demo: Citation Library Page →
Demo: Citations in a Product Page →
How to set up in your own page?

Key benefits

  • Copy-n-Paste, No coding
  • Content is automatically updated. No need to update the code
  • No need to host data on your own server (no need to setup and manage local databases)
  • Data is load asynchronously, so it doesn't slow down the loading of other contents
  • SEO friendly
  • Inherit your website's own style by default
  • Style easily customizable if needed
  • Mobile friendly
  • Parameters easily customizable (e.g. citations for a specific product, citaton list display order)
  • Can be embeded in any website (e.g. Wordpress)

Components

Citation Number

↓

Interactive Map

↓

Citation List

↓

Citation Search Form

↓

Top Journal List

↓

New Paper List

↓

Citation Number

To show a summary of how many publications have cited you, you may use Citation Number widget. For example:

The above citation number is generated from this line of code:


<div id="bizgenius-citation-widget-container-count-total-year-month" style="display:flex; justify-content:center; flex-wrap:wrap;"></div>

You may further customize the widget. For example, you may show the three numbers individually, and you can also change the font size and family.


<div style="font-size:12px;  display:flex; justify-content:center; flex-wrap:wrap;">
    <div id="bizgenius-citation-widget-container-count-total" style="font-size:12px; width:300px;"></div>
    <div id="bizgenius-citation-widget-container-count-year" style="font-size:12px; color:rgb(0, 4, 255); width:300px;"></div>
    <div id="bizgenius-citation-widget-container-count-month" style="font-size:12px; width:300px; color:lightseagreen"></div>
</div>
By default, the labels for the numbers are Total Number of Publications, Publications This Year, and Publications Last Month. You may change the labels by modifying the data-label parameter. Use ++ to separate 3 labels for the bizgenius-citation-widget-container-count-total-year-month component. For example, 

<div id="bizgenius-citation-widget-container-count-total-year-month" data-label="Total++Past 12 Months++Last Month" style="color:black;  display:flex; justify-content:center; flex-wrap:wrap;"></div>

Please note, you can't use both bizgenius-citation-widget-container-count-total-year-month and individual number components such as bizgenius-citation-widget-container-count-total at the same time in a page.

Interactive Citation Map

Interactive map allows your potential customers intuitively see how popular your products are.

The above map is generated from this line of code:


<div id="bizgenius-citation-widget-container-map" style="width:100%;height:400px"></div>

This widget supports the following parameters to make it flexible for your own style:

data-disable-cluster="1" // if set to 1, then clustering of adjacent markers will be disabled. The default value is 0
data-cluster-colors="ffee00++fbb806++f6830c++f24d11++ed1717" // the colors of clusters from small to big. This parameter works only when clustering is enabled
data-custom-icon="https://maps.google.com/mapfiles/ms/icons/green-dot.png" // the icon of individual markers
data-paper-link="stork" //the default site for a paper's abstract and full text information when a user clicks a paper. Default "stork", can also be "pubmed" or "journal".

The data-disable-cluster parameter allows you to disable the clustering of adjacent markers and show individual markers. The data-cluster-colors parameter allows you to change the color of the clusters. You need to enter 5 colors in Hex code (without the # symbol) for clusters from small to big, separated by ++. The colors also support transparency. For example, FF000080 is red but with 50% transparency. You may use Adobe's color tool to pick up best looking color combinations. The data-custom-icon parameter allows you to change the icon of the individual markers. The default is a red icon. You may use your own icon, or choose one from hundreds of Google's predefined icons. If you use your own icon, be sure to make the background transparent.

Citation List

Citation List widget allows you to show a list of citations. It can be a complete list in your main page, or you may show one list in each of your product page.

The above list is generated from this line of code:


<div id="bizgenius-citation-widget-container-list" data-product-name="DNA" data-order="impactFactor" data-maxnum="5" data-show-abstract="yes" data-show-figure="2" style="width:100%;"></div>

This widget supports the following parameters to make it flexible for your purpose. For example:

data-product-name="DNA" // show citations of a single product
data-product-name="DNA++RNA++Protein" // show citations of multiple products, separated by ++
data-order="impactFactor"
data-maxnum="5" 
data-showoriginalkeyword="no" // "yes" or "no", default "no". Show the original search keyword
data-highlightjournal="no" // "yes" or "no", default "yes". Highlight journal based on its reputation
data-show-abstract="yes" //"yes" or "no", default "no". Show abstract or not
data-show-snippet="yes" //"yes" or "no", default "no". Show snippet or not
data-show-doi="yes" //"yes" or "no", default "yes". Show paper DOI if available
data-show-paging="yes" //"yes" or "no", default "yes". Show the text "Showing 1-x of y papers"
data-keyword-highlight="cell,RNA" //keywords to be highlighted in the abstract or snippet. Use comma to separate multiple keywords. Only works when data-show-abstract or data-show-snippet is set to "yes".
data-paging="append" // "append" or "replace", default "append". If "append", new papers will be shown after the previous ones; if "replace", new papers will replace previous ones.
data-show-figure="2" // an integer number, indicating the maximum number of figures you want to show for each citation (only for open access papers. Default 0 
data-search-keyword='"lung cancer"' // a string to search for publications
data-paper-link="stork" //the default site for a paper's abstract and full text information when a user clicks a paper. Default "stork", can also be "pubmed" or "journal".

The default values of the parameters are empty. When data-product-name is specified, only the citations of that product(s) are shown. data-order takes the following possible values, impactFactor, publicationDate, or id. If empty, the list is shown in chronological order (most recent top). If impactFactor, then high impact papers are shown first. data-maxnum specifies the number of citations to show. To increase loading speed, it is better to show a smaller number (say 5 or 10). data-showoriginalkeyword specifies if you want to show the original keyword used to find this citation. It takes 1 or 0. data-highlightjournal specifies if you want to show the yellow highlight of the journals based on their reputation. A value no means do not show the highlight. By default the highlight is shown. data-show-abstract="yes" will show the abstract. Note the list has a "More" button allowing the users to load more citations. Depending on the value of data-paging, the new citations will either append or replace the previous citations.

Please note: the data-product-name is only applicable to customers who order this field.

Citation Search Form

Citation Search Form widget allows you and your customers to search your citations. It usually couples with a Citation List widget to show the search result. Please click the button below to view a live example.

Show Search Form Example →

The form/list is generated from this line of code:


<div id="bizgenius-citation-widget-container-form" data-product-list="RNA++DNA++Protein" data-classes="- Any Application - ||Neuroscience||Cancer++- Any Species - ||Rat||Mouse||Pig" style="width:100%;padding-top:20px"></div>
<div id="bizgenius-citation-widget-container-list" data-maxnum='10' style="width:100%;"></div>

This widget supports the following parameters to make it flexible for your purpose. For example:

data-product-list="RNA++DNA++Protein" //show a dropdown menu listing products, separated by ++
data-classes="- Any Application - ||Neuroscience||Cancer++- Any Species - ||Rat||Mouse||Pig" // show one or more dropdown menus of any predefined terms (e.g. applications). Menus are separated by ++, and terms in each menu are separated by ||
data-product-name="DNA" //default product to be selected

Please note: the data-product-list and data-product-name are only applicable to customers who order this field.

Logic operators such as AND, OR, NOT, and quotation marks (for phrase search) are supported. AND can be omitted. The search covers the following fields: title, abstract, title, authors, affiliation, journal, year, snippet, product.

Top Journal List

Top Journal List widget allows you to show a list of top journals which cited your company and products in a conscise way. You will be able to impress your customers with many citations in top journals such as Nature, Science, and Cell, etc.

The above list is generated from this line of code:


<div id="bizgenius-citation-widget-container-list-top" data-maxnum='100' data-minif='20' style="width:100%;"></div>

This widget supports the following parameters to make it flexible for your purpose. For example:

data-minif="30"
data-product-name="DNA"
data-order="impactFactor"
data-maxnum="5" 
data-paper-link="stork" //the default site for a paper's abstract and full text information when a user clicks a paper. Default "stork", can also be "pubmed" or "journal".

data-minif specifies the minimum impact factor to be considered as "top" journal. The default value is 30. When data-product-name is specified, only the citations of that product are shown. data-order takes the following possible values, impactFactor, publicationDate, or id. If empty, the list is ordered by impact factor. If impactFactor, then high impact journals are shown first. data-maxnum specifies the number of citations to show.

Please note: the data-product-name is only applicable to customers who order this field.

New Paper List

The New Paper List widget allows you to enrich your webpage by showing a list of latest papers on a topic or a list of publications authored by your own company (or institute/lab). For example, if you have a product related to CRISPR and Neuroscience, you may enrich the content by adding a section on the product page showing latest research on CRISPR. It helps your potential customers find valuable information and is also helpful to your website's SEO.

The above list is generated from this line of code:

<div id="bizgenius-citation-widget-container-list-new-papers-pubmed" data-maxnum="3" data-keyword="CRISPR[Title] Neuroscience" data-show-abstract="yes" style="width:100%;"></div>

This widget supports the following parameters to make it flexible for your purpose. For example:

data-keyword="CRISPR[title] Neuroscience"
data-keyword='"EEG fMRI"' // if you need to enter keyword as phrase, add double quotation marks
data-keyword="&quot;EEG fMRI&quot;" // or if you need to enter keyword as phrase, use the &quot; 
data-maxnum="3" 
data-highlightjournal="no" // "yes" or "no", default "yes". Highlight journal based on its reputation
data-show-abstract="yes" //"yes" or "no", default "no". Show abstract or not
data-keyword-highlight="cell,RNA" //keywords to be highlighted in the abstract. Use comma to separate multiple keywords. Only works when data-show-abstract is set to "yes".
data-paging="append" // "append" or "replace", default "append". If "append", new papers will be shown after the previous ones; if "replace", new papers will replace previous ones. 
data-paper-link="stork" //the default site for a paper's abstract and full text information when a user clicks a paper. Default "stork", can also be "pubmed" or "journal".

To show a list papers from your own company or institute (lab), you may use [affiliation] tag in the keyword. For example data-keyword="Genentech[affiliation]".

<div id="bizgenius-citation-widget-container-list-new-papers-pubmed" data-maxnum="3" data-keyword="Genentech[Affiliation]" style="width:100%;"></div>

The data source is PubMed. You can also choose to use PubMed Central as the source:

<div id="bizgenius-citation-widget-container-list-new-papers-pmc" data-maxnum="3" data-keyword="CRISPR[Title] Neuroscience" data-show-abstract="yes" style="width:100%;"></div>

And the output is: