Free Reading Speed Widgets & Verified Badges
Integrate our distraction-free, research-benchmarked reading speed test directly into your school website, Canvas LMS course, WordPress blog, or Notion workspace with one line of code.
Verified Reader SVG Badges
Showcase your verified reading speed baseline or provide a clean link to our assessment tools on your personal portfolio, Goodreads profile, study blog, or Substack newsletter sidebar. Our vector badges are crisp, retina-ready, and lightweight (<2KB).
<a href="https://onlinereadingspeedtest.com" target="_blank" rel="noopener" title="Test your reading speed and comprehension">
<img src="https://onlinereadingspeedtest.com/badges/verified-reader-dark.svg" alt="Verified Reading Speed on OnlineReadingSpeedTest.com" width="220" height="40" />
</a>Interactive Assessment Widget (Iframe Embed)
Embed the complete interactive reading test container directly on your website or digital classroom. When loaded with ?embed=true, header navigation, external links, and superfluous margin elements are stripped automatically, providing a focused, zero-distraction test module.
<iframe
src="https://onlinereadingspeedtest.com/1-minute-reading-test/?embed=true"
width="100%"
height="650"
style="border: 1px solid #e5e5dc; border-radius: 12px; max-width: 800px; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05);"
title="Online Reading Speed Test"
loading="lazy"
sandbox="allow-scripts allow-same-origin allow-popups"
referrerpolicy="no-referrer-when-downgrade">
</iframe>
<p style="font-size: 12px; color: #71717a; text-align: center; margin-top: 6px;">
Powered by <a href="https://onlinereadingspeedtest.com" target="_blank" rel="noopener" style="color: #cc785c; text-decoration: underline;">OnlineReadingSpeedTest.com</a>
</p>Supported URL Customization Parameters
| Parameter | Allowed Values | Effect |
|---|---|---|
| embed=true | true | Required. Removes global nav headers, footers, and sidebars for clean iframe presentation. |
| duration | 1, 3, 5, 10 | Sets the pre-selected test duration in minutes (e.g., /3-minute-reading-test/?embed=true). |
| theme | light, sepia, dark | Forces the initial color palette of the widget to match your website styling. |
CMS & LMS Integration Instructions
Follow these step-by-step guides to integrate the reading speed widget across major Learning Management Systems and content management platforms:
Canvas LMS by Instructure
1. In Canvas, navigate to any Page, Assignment, or Module.
2. In the Rich Content Editor toolbar, click the HTML View (</>) icon at the bottom right.
3. Paste the iframe embed snippet directly into the code view.
4. Switch back to the visual view and click Save & Publish. Canvas safely executes the client-side JavaScript within student browser sandboxes.
Moodle & Blackboard Learn
1. In Moodle, add an Activity or Resource and select Page or Label.
2. Expand the editor toolbar and click the HTML/Code button.
3. Paste the iframe code snippet and save.
4. For Blackboard, select Create Item in your Content Area, click the HTML Code icon, and insert the snippet.
WordPress (Gutenberg & Classic)
1. In the Block Editor (Gutenberg), click the + button to add a new block.
2. Search for and select the Custom HTML block.
3. Paste the iframe embed snippet into the text area.
4. Click the Preview tab to verify that the assessment container renders responsively, then publish your post.
Notion Workspaces & Webflow
1. In Notion, type /embed and press Enter.
2. In the URL modal, paste https://onlinereadingspeedtest.com/1-minute-reading-test/?embed=true.
3. Drag the Notion container handles to expand the widget width.
4. In Webflow, drag an Embed Component onto your canvas and paste the iframe snippet.
Pedagogical Protocol for Reading Teachers & Clinics
Incorporating reading speed assessments into classroom curriculum is most effective when framed as self-efficacy monitoring rather than high-stakes competition. Here is an evidence-based weekly protocol:
Students open the embedded 1-minute test to establish their weekly baseline. Instruct learners to read at their natural study pace without rushing. Record both Gross WPM and Effective WPM (EWPM) in their reading logs.
Discuss saccadic eye movements, peripheral preview, and the difference between purposeful scanning and deep analytical reading. Students complete course readings using the SQ3R (Survey, Question, Read, Recite, Review) method.
Students re-test using a different genre or topic. Compare baseline vs Friday scores. Emphasize that gains in Effective WPM (maintaining 75%+ comprehension accuracy) represent genuine fluency gains, whereas high WPM with <50% comprehension indicates ineffective speed-skimming.
Webmaster Technical Architecture & Container CSS
To prevent Cumulative Layout Shift (CLS) on high-traffic publisher websites and ensure seamless touch responsiveness on mobile viewports, we recommend wrapping the iframe within a dedicated CSS responsive aspect-ratio container:
Use modern CSS aspect-ratio or a percentage container to maintain proportional scaling across desktop monitors, tablets, and smartphones:
<div style="width: 100%; max-width: 800px; margin: 0 auto; min-height: 650px;">
<iframe
src="https://onlinereadingspeedtest.com/1-minute-reading-test/?embed=true"
width="100%"
height="650"
style="border: 1px solid #e5e5dc; border-radius: 12px; display: block;"
title="Online Reading Speed Test Assessment Widget"
loading="lazy"
sandbox="allow-scripts allow-same-origin allow-popups">
</iframe>
</div>
Our embed requires allow-scripts to execute client-side stopwatch timers and quiz computations, and allow-same-origin to read ephemeral session storage. No unrestricted server access or top-level navigation occurs.
By specifying explicit width="100%" and height="650" attributes on the iframe, Google Chrome and other modern browsers reserve the exact layout geometry before external assets render, eliminating layout instability.
Springshare LibGuides & Google Sites Embedding
Academic libraries and K-12 school districts frequently build student resource portals using Springshare LibGuides and Google Sites. Here is how to configure our free widget on both systems:
Springshare LibGuides (Academic Libraries)
1. In your LibGuides dashboard, click Add / Reorder on the target guide page.
2. Choose Add Media / Widget from the dropdown menu.
3. In the Embed Code box, paste the iframe snippet.
4. Name the widget "Reading Speed Diagnostic" and save. The assessment renders seamlessly within library study skills guides.
Google Sites (Classroom Intranets)
1. In Google Sites editor, open the Insert sidebar on the right.
2. Click the Embed tool icon.
3. Select the Embed code tab (do not use "By URL" to ensure responsive height constraints).
4. Paste the iframe code snippet and click Next > Insert. Resize the container handles to fit your layout.
FERPA & COPPA Safe
Zero student data collection, zero registration forms, and zero behavioral tracking cookies. Safe for all educational environments.
Edge-Optimized Speed
Served via Cloudflare edge CDN with sub-50ms TTFB worldwide, lightweight bundle size, and zero Cumulative Layout Shift.
Cognitive Research Benchmarks
Passages calibrated with Flesch-Kincaid grade formulas and standardized against Marc Brysbaert's 2019 meta-analysis (18,500+ readers).
Frequently Asked Questions About Widgets & Badges
Technical, licensing, and pedagogical answers for teachers, web developers, and bloggers embedding our assessments.
Is the reading speed widget free to embed on school and commercial websites?
Yes, 100% free for K-12 schools, university faculties, educational bloggers, LMS platforms, and personal portfolios with no API key, credit card, or account required.
Is the embeddable widget FERPA and COPPA compliant for classroom students?
Yes. When embedded via iframe, the widget operates in a privacy-isolated mode with zero student data collection, zero registration forms, zero tracking cookies, and 100% client-side calculation.
How do I embed the reading test in Canvas LMS, Moodle, or Blackboard?
Simply switch your LMS page or assignment editor to the HTML/Source Code view, paste our provided iframe snippet, and save the page. The widget renders cleanly within any LMS container.
Can I customize the badge color and iframe dimensions?
Yes. We offer both Light and Dark SVG vector badges for high-DPI screens, and responsive iframe parameters that adapt to full-width containers or fixed desktop sidebars.
Project Transparency & Open Educational Notice:
OnlineReadingSpeedTest.com is an open educational web application created and maintained by independent developer Gourav Das. Embedding our tools is permitted freely for non-commercial educational purposes, classroom instructional use, academic libraries, and informational websites.
Independent Developer Notice: This software is provided as a self-assessment educational tool. It is not an officially sponsored product of Instructure Canvas, Moodle, Blackboard, Google, or any standardized testing board.
How to Test Your Reading Speed
A standardized assessment measuring reading pace, comprehension, and adult percentile benchmarks.
- STEP 01
Select Passage
Pick a calibrated text across fiction or non-fiction at your preferred level.
- STEP 02
Read Naturally
Read at your habitual silent pace. Our precision timer tracks your duration.
- STEP 03
Closed-Book Quiz
The passage unmounts as you answer 4 questions to verify genuine recall.
- STEP 04
View Score & Rank
Instantly review your WPM, comprehension accuracy, and percentile rank.