Building trust in media

CiteIt is developing new digital tools that help combat misinformation and selective quotations. These tools show the context surrounding the quoted media in order to build trust and understanding.

Try CiteIt:

Try Live Editor

Editor:



Instructions:

  1. Find a Quotation Online. (Try: google news)
  2. Paste the quote's text into the editor.
  3. Get the URL for the quote.
  4. Select the quote text in the editor.
  5. Click the CiteIt blockquote button to link the URL to the quote.
  6. When prompted, Paste the URL into the prompt box.
    • (If you click the "<>" button, you can inspect the html source)
  7. Click the "Save" button below:
    • (This will call the api.citeit.net webservice, )
    • Your newly contexified quote should appear below the "Save button".








Try WordPress Plugin

Video Transcript

Login

Use the following login credentials to access the Demo site:

username: public
password: demo22

 ← Login button

I) Video Transcript

Hello, this is Tim Langeman, creator of CiteIt.net.

PROBLEM

  1. Today with accusations about Fake News circulating widely, many readers suffer under a constant suspicion that any quotation they've read may have been taken out of context.
  2. Other readers just want to know more about a quote's context to better understand its meaning.

SOLUTION:

I've created the CiteIt.net App to address both reader concerns by creating a tool to enable responsible authors to easily lookup and display the contexts of their quotes. Here is an example of the first type of Contextual Citation: the expanding blockquote:
  1. notice the context expands when the reader clicks on an up or down arrow
  2. And here's the second type of contextual citation: the contextual popup which appears when the reader clicks on a quote.

BENEFITS

Authors who use the CiteIt.net App, give their readers more reason to trust them and distinguish themselves from media competitors.

DEMO

You can test-drive the CiteIt.net WordPress plugin by visiting demo.citeit.net This will send you to the demo site's WordPress login page. Log in with the default password and you will be taken to the WordPress dashboard. To make a test post, click "New -> Post" Now, let's create 2 new Contextual Citations from articles I found on Google News:

A) The first article has to with "bats" and is found on the BBC.

WordPress Editor: Bat Article To create the citation:
  1. We find and highlight a quote.
  2. We copy the quote to our clipboard and paste it into the WordPress post.
  3. We copy and paste the BBC article's URL to the clipboard
  4. We click the CiteIt blockquote button that was added by the CiteIt WordPress plugin
  5. We next paste the URL of the article into the prompt, and
  6. Click "Publish"
  7. Finally, we click the Permalink to view the published results
Because we clicked the "CiteIt blockquote" button, rather than the "CiteIt popup" button, our context displays by expanding the arrows above and below the quote.  

B) Now let's move on to a popup example featuring a quote about Warren Buffett found on Yahoo Finance.


I follow the very same process, copying the text and URL, but this time I select the "CiteIt popup button".
After I click publish, I don't see any arrows.
Instead, when I click on the text, I get the popup.

With CiteIt, It's about as easy to create Contextual Popups as to create links!
From this video, you can see how easy it is to create contextual popups using the Cite.net WordPress plugin.
This plugin is free and open source.
It currently requires the old TinyMCE WordPress editor.
Contact me if you are interested in helping add this functionality to the new Gutenberg editor.

II) Example Citations

Part 1: Blockquotes

  1. The first step is to go to demo.citeit.net in your web browser.
  2. Next, Login with the “public” user and the password found on the page.
  3. The next step is to click “Posts” > Add New“
  4. I’ll give the post a title and write my article, leaving room for the quote
    ( Time Elapses..)
  5. Now I’ll locate my quote on the internet to find the full context. In this case, the transcript is found on medium.org.
  6. I’ll copy the quote into my article
  7. I’ll copy the source’s URL to my clipboard
  8. In the editor, I highlight the quotation and
  9. Click on the CiteIt.net blockquote button, which the CiteIt.net WordPress plugin adds to the WordPress Editor as a custom button.
  10. Next, I Paste in my URL
  11. And click “publish“
  12. To view the published post, I click on the post’s URL or click “Preview”

I can now click on the blue arrows above or below the quote to see more context. (See Example)

Part 2: Popup Quotes

I can achieve the second variant of citation by performing the same steps, but selecting a different button — inline popup — to create a shorter inline quote.

  1. I click “Add New”
  2. I enter the quote title and post
  3. I copy the quote into the article
  4. I highlight the quotation
  5. I click on the other button: Inline popup.
  6. I pastee in the source’s URL
  7. I click publish.
  8. I can now view the resulting post byu cliking on the URL or clicking Preview.
  9. If I click on the quote’s link, the CiteIt.net contextual popup appears.

(See Example)

(NOTE: There still are some bugs.

Please report bugs by tagging your demo post with the tag “citeit-bugs“)


Get WordPress Plugin

How to Add CiteIt to Your Website:

Developers

Most individuals seeking to add CiteIt to their site will use a plugin like the CiteIt WordPress plugin.

If you are a developer, you can learn how to add CiteIt to your website by downloading the GitHub Sample Code.


View outline of video script

How to generate the citation context for this example:

Pride & Prejudice
Jane Austen's Pride & Prejudice

Examples:

1: Contextual Popups

CiteIt.net allows inline popup quotations use the <q> tag:

In Chapter 5 of Pride and Prejudice, Elizabeth confesses how Darcy offended her, saying: I could easily forgive his pride, if he had not mortified mine.

2: Expanding Blockquotes

Rabbi David Wolpe
Rabbi David Wolpe
Here's a <blockquote> quote of a medium.com article, Tyler Cowen commented to David Wolpe about how social media strips away context:
I think that Judaism has the same problem that any thick civilization has in a world in which, as you say, context is stripped away. And not only is context stripped away, but attention to any one thing is canter and less than it used to be. So, for example, a lot of Jewish commentary is based on your recognizing the reference that I make. Who recognizes references anymore? Because people don’t spend years studying books.

You can mark up the quote with html tags such as <ul>, <li>, <b> or any other tag that will not change the text version of the quote when the hmtl is converted to text.


Download Sample Code from GitHub:

Get Sample Code on GitHub

View Html

View online html



More Examples

  • View Advanced Examples:
    • Citing YouTube Videos,
    • adding formating to quotes: bold, italics, lists,
    • adding source meta-data