note をサイトの更新窓口に

note に書けば、
サイトのお知らせが
更新される。

キジマドは、note のマガジンやアカウントの記事一覧を、自社サイトに埋め込めるツールです。サイトに触るのは、最初にコードを貼る一度だけ。そのあとは note に投稿すれば、サイトのお知らせや新着情報も新しくなります。

your-site.com

お知らせ(note から自動で表示)

PROBLEM

サイトの「お知らせ」、
最後に更新したのはいつですか。

会社のサイトは、公開したあとの更新がいちばん続きにくい部分です。お知らせ欄の日付が何年も前のまま、という会社は珍しくありません。

your-company.co.jp 見積書
01

1行のお知らせにも、見積もりと待ち時間

更新を制作会社に頼んでいると、小さな修正でも費用と日数がかかります。頼むほどでもない更新ほど、後回しになりがちです。

your-company.co.jp ? 承認
02

作った人がいない。社内ルールで触れない

担当者が異動した、ログイン情報が分からない、本番サイトの変更には承認が要る。書きたいことはあっても、サイトに手を出せない事情があります。

¥
03

CMS に作り直すのは、費用も保守も重い

WordPress などへの移行には、まとまった費用がかかります。公開後も、セキュリティ更新や保守の手間が続きます。

サイトを直すのが大変なら、書く場所を変えればいい。
開設も更新も手軽な note に書いて、記事をそのままサイトに映しましょう。

HOW IT WORKS

使い方は3ステップ

アカウント登録は要りません。表示したい note の URL があれば、すぐに始められます。

  1. STEP 01

    note の URL を入れる

    表示したいマガジンか、アカウントの URL を貼り付けて「読み込む」を押します。

    kijimado.pages.dev/create 埋め込みコードを作る 1 https://note.com/…/m/… 読み込む
  2. STEP 02

    見た目を選ぶ

    カード、スライダー、リスト、テキストのみの4種類から選び、件数や色をサイトに合わせます。スライダーは自動で送ることもできます。右側のプレビューで仕上がりを確かめられます。

    kijimado.pages.dev/create 見た目を設定 2 your-site.com
  3. STEP 03

    コードを貼る

    できたコードをコピーして、サイトの表示したい場所に貼り付けます。制作会社に頼む場合も、お願いするのはこの一度だけです。

    kijimado.pages.dev/create 3 <iframe class=…> <script>… コードをコピー site.jp

あとは note に投稿するだけ。新しい記事は自動でサイトに表示されます。

DEMO

実際の表示を試してみる

下の一覧は、実際の note マガジンをキジマドで埋め込んだものです。レイアウトを切り替えて見比べてください。

your-site.com/news

表示例に使っているのは、ホワイトペーパーライター こばやしの note マガジン「ホワイトペーパーの制作現場」です。

FEATURES

キジマドでできること

your-company.co.jp

今のサイトの仕組みはそのまま

サーバーやデータベースを増やす必要はありません。コードを貼れる場所が1か所あれば、今のサイトにそのまま追加できます。

note.com 公開 your-site.com

更新は note だけで完結

書くのも直すのも note の画面です。HTML やサーバーの知識は要らないので、文章を書ける人なら誰でも担当できます。

your-site.com

見た目はサイトに合わせて調整

4種類のレイアウトに加え、色や角の丸み、表示する項目を選べます。スマホでは列数が自動で変わり、埋め込み部分の高さも記事の量に合わせて変わります。

your-site.com note.com

記事の本文は note で読んでもらう

表示するのはタイトル・日付・サムネイル・抜粋だけです。続きは note で読まれるので、スキやフォローにもつながります。

USE CASES

こんな使い方ができます

your-company.co.jp お知らせ

会社のお知らせ欄

テキストのみ表示

休業日や価格改定、新サービスの案内を note に書くと、トップページの「お知らせ」に日付つきで並びます。制作会社に更新を頼む必要はありません。

your-koumuten.jp/works 施工事例

工務店・リフォーム会社の施工事例

カード表示

現場ごとの施工レポートを note に書けば、サイトの「施工事例」が自動で増えていきます。写真つきのカードで、これまでの実績をそのまま見せられます。

iju-yourtown.jp 地域の今

自治体・観光協会の特設サイト

スライダー表示

移住や観光の特設サイトは静的に作り、更新は note に任せます。地域おこし協力隊の活動報告や移住者インタビューが、スライダーで次々に表示されます。

your-company.co.jp/recruit 採用情報 社員インタビュー

求人ページの「働く人の声」

カード表示

採用サイトを別に作るほどではなくても、自社サイトの求人ページに社員インタビューを並べられます。募集要項の下に置けば、応募前に職場の雰囲気が伝わります。

SUPPORT

サイトへの設置も支援しています

キジマドは、埋め込みコードを作るところまで無料で使えます。
設置や運用まで任せたい場合は、サポート担当者がサイトに合わせてお手伝いします。

自分で設置する

コードを貼れる人がいるなら、
このままツールで

社内にサイトを更新できる人がいる、または制作会社に貼ってもらえる場合

  • 埋め込みコードの発行
  • レイアウト・色・件数の調整
  • 更新は note に投稿するだけ
埋め込みコードを作る
まるごと任せる

サイトに触れる人がいないなら、
設置から相談を

サイトを触れる担当者がいない、note もこれから始めたい場合

  • 埋め込みコードの設置代行
  • note の開設・マガジンの設計
  • サイトのデザインに合わせた調整
  • 公開後の保守・表示の確認
設置・運用を相談する

ご相談は Google フォームで受け付けています。運営: KOBAYASHI BASE

FAQ

よくある質問

note に投稿してから、サイトに表示されるまでどのくらいかかりますか?
最大で30分ほどです。キジマドは表示を速くするため、note から取得した記事一覧を一定時間保存しています。
何件まで表示できますか?
最新の記事から最大25件まで表示できます。note が配信している RSS に含まれる件数が上限のため、それより古い記事は表示できません。
制作会社に管理を任せているサイトでも使えますか?
使えます。発行したコードを、表示したい場所に貼ってもらうよう制作会社に依頼してください。依頼は最初の一度だけで、その後の更新ではお願いする必要はありません。
note をまだ使っていません。始めるのは大変ですか?
note のアカウントは無料で作れて、メールアドレスがあれば数分で開設できます。記事は note の画面で書いて公開するだけなので、サイトのファイルを直すより手軽です。会社として運用する場合は、法人向けの note pro もあります。
WordPress や STUDIO、Wix などでも使えますか?
HTML を貼り付けられる場所があれば使えます。サービスによって「埋め込み」「カスタム HTML」などの名前で用意されています。
社内で使ってよいか確認が必要です。どんな仕組みか教えてください。
キジマドは、note が公開している RSS から記事のタイトル・日付・サムネイル・抜粋を読み取り、iframe(埋め込み枠)の中に表示します。サイトのサーバーやデータには触れず、Cookie などで閲覧者を追跡する仕組みも使っていません。外部サービスの埋め込みや note の利用について社内ルールがある場合は、担当部署に確認してください。
サイトの SEO 対策になりますか?
埋め込んだ記事一覧は、検索エンジンからはサイト本体の内容として評価されにくい仕組みです。キジマドは「更新の手間を減らすためのツール」として使ってください。記事そのものは note 上で検索結果に表示されます。
有料記事はどう表示されますか?
note の RSS に含まれる記事は、有料・無料にかかわらずタイトル・サムネイル・抜粋が一覧に表示されます。本文は note で読む形になります。
キジマドは note の公式サービスですか?
いいえ、note 株式会社とは関係のない独立したツールで、KOBAYASHI BASE が運営しています。note が公開している RSS を使って記事一覧を表示しています。RSS や iframe を使った note の表示については、note 公式ヘルプの「iframe/RSSで、自分のサイトにnoteを表示する」もあわせてご覧ください。

サイトの更新を、note に任せよう。

URL を入れて見た目を選ぶだけ。数分で埋め込みコードができあがります。