In an accompanying post I explain why to provide bibliographic metadata for your web entries could be beneficial.
In this tutorial, I will show how to produce and embed bibliographic metadata into your web page. To follow this guide, I assume that:
Start Zotero and your browser. Go to the page where you want to embed the metadata. You see the Zotero icon for web pages in the place where your web browsers shows the symbols for its installed extensions.
Figure 01: Target web page for embedding bibliographi metadata.
Click on the icon and download the rudimentary bibliographic information for the web page.
Figure 02: Download the rudimentary bibliographic information with Zotero
Change to Zotero and inspect the new downloaded entry. You will notice that many details are still missing.
Figure 03: Zotero bilbiograpy with the new downloaed biobliographic entry.
Change the item type to an appropriate value: in my case “Blog Post”. You will see that the Zotero icon changes to reflect the new value. Different item types have different fields.
Figure 04: The standard web page entry misses many information in its bilbiographic record.
Add the relevant information as shown on the screenshot. Depending on the chosen item type, there are different fields to fill in. There is a list of item types, fields, and their meanings on a Zotero help page.
Figure 05: Adding information into the bibliographic record.
When you bibliographic entry is complete you can start the conversion and export procedure. Open the context menu (on MacOS is it a right mouse click).
Figure 06: Opening the context menu of the bibliography entry to start the export.
From the appearing drop down menu choose the “COinS” translator.
Figure 07: Choose COinS as export translator.
Save the converted data in a file on your hard disk. The place is not essential as we only need the text inside the file. After we have copied the COinS data into our web site, we will delete our intermediary file.
Figure 08: Prepare to save the converted information.
File name and file extension are also irrelevant. Just check if your export format is “COinS”.
Figure 09: MacOS Save File dialog window with export mode “COinS”.
Open the exported file with your text editor and select the COinS HTML code. You will see the text of your bibliography record URL encoded in the COinS standard format. URL Encoding replaces unsafe ASCII characters with a “%” followed by two hexadecimal digits. But don’t worry, it is not necessary to understand the code snippet.
Figure 10: Exported COinS code as it is seen after opening the file with a text editor.
Copy and paste the code in the source code of your web page. Again, the place does not matter. On a life web page visitor do not see these code but only the result – the particular Zotero icon.
Figure 11: Embed the exported COinS code into the HTML source code of the web page.
Now inspect you life web page. You will see that the Zotero icon has changed from “Web Page” to “Block Post”. Congratulation you made it!
Figure 12: Inspection the modified web page.
We need to check if everything works as intended. Save the new generated bibliographic metadata into your zotero database.
Figure 13: Download of the new generated metadata to test if everything works as intended.
Check if all the bibliographic metadata are imported correctly.
Figure 14: Inspection of the modified bibliographic record in Zotero
You have learned to create, embed, and download bibliographic metadata from those web pages where you have access to the source code. There are further options in addition to what I have demonstrated in the tutorial:
This work by Peter Baumgartner is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.
Permissions beyond the scope of this license may be available at http://notes.peter-baumgartner.net/contact. Powered by the docdock theme for Hugo.
Privacy | Disclaimer