Embed The San Francisco on your site

Free, lightweight, no API key. Show the latest San Francisco, California headlines to your visitors. Updated every 5 minutes from the same source as thesanfrancisco.org.

Auto-iframe (recommended)

Drop these two lines anywhere in your HTML. The script discovers the <div> and inserts the iframe automatically.

<div data-nexcom-widget data-ref="YOUR_SITE"></div>
<script async src="https://thesanfrancisco.org/embed/embed.js"></script>

Manual iframe

Or use a plain iframe directly:

<iframe src="https://thesanfrancisco.org/embed/widget?ref=YOUR_SITE" width="100%" height="380" style="border:0;max-width:480px" title="The San Francisco — Latest Headlines"></iframe>

Customization (optional data-* attributes)

• data-ref="YOUR_SITE" — attribution / analytics tag
• data-theme="light" — light, dark, red, green
• data-color="#1e3a5f" — override accent color (6-digit hex)
• data-limit="5" — number of headlines (1-10)
• data-compact="1" — tighter layout for sidebars
• data-max-width="320px" — iframe max width
• data-min-height="280px" — iframe min height

Live preview

License

Site-authored summary text is CC BY 4.0; headlines and underlying reporting remain the property of the original publishers. Link the displayed headlines to the canonical articles on thesanfrancisco.org (the widget does this automatically). No special permission needed for nonprofit / community use.

Network

The San Francisco is part of the Nexcom Media Network — 16 hyperlocal, advocacy, and community news sites. Every site offers the same widget. See the network embed catalog.