…日数、読了イベント、ブログカードのリンククリック計測など）を提供し、ブログの解析に役立てていただけるよう機能を追加しています。 しかしながら、GA4のレポートや探索、LookerStudioでそれらのデータを利用するためにはGA4での設定が必要です。はてなブログで提供しているカスタムディメンションはすでに15件あり、登録すべき数が増えてくると追加の対応が煩雑になってしまう問題がありました。 今回、その煩雑さを解消するために、特定のプロパティにはてなブログ用のカスタムディメンシ…

…ータや読了イベント、ブログカードのリンククリック計測など）を提供し、ブログの解析に役立てていただけるようにしています。staff.hatenablog.com今回、ブログの解析に役立つデータを新たに追加しました。追加したのは以下の5つのカスタムディメンションです。それぞれ、詳しく説明させていただきます。 追加したカスタムディメンション カスタムディメンション名: page_id 概要 解析での利用シーンや用途 利用上の注意 カスタムディメンション名: categories 概…

…お願いします。 2.ブログカードの遅延読み込み(lazy load)に対応しました 以前にフォトライフの画像の遅延読み込みに対応しましたが、ブログカードでも遅延読み込み(lazy load)に対応しました。 この変更により、ブログカードが画面に表示されそうなタイミングで読み込まれるようになっため、ブログカードがたくさん掲載されている記事でも快適に閲覧できるようになりました*1 3. 見出し（hタグ）にid属性が自動で付与されるようになりました 本文中に見出し（hタグ）が含まれ…

…ンククリックの計測、ブログカードのクリックの計測 追加されたデータを利用するためのセットアップ 追加されるデータ 記事閲覧時に記事のメタデータを追加 記事の閲覧時に、カスタムディメンションとして、「記事に設定した投稿日」のデータを送信しています。追加される値(クリックで展開されます) カスタムディメンション名 値 補足 post_date 2022-01-01 ハイフン区切りの日付が記録されます 「記事に設定した投稿日」のデータは、下記の連載「小川卓のブログ分析入門」でウェブ…

…ただけます。 4. ブログカードにrobotsタグ indexifembedded を追加しました はてなブログのブログカードはiframeとして提供しておりますが、ブログカード自体が検索結果に表示されるのを望まないため、noindexを指定しています。しかしながら、その影響で、ブログに掲載されたブログカードのコンテンツをGoogleが利用することができませんでした。 今回、Googleが indexifembedded というタグのサポートを開始したため、はてなブログのブロ…

…できるようにしました デザイン編集画面の各テーマごとに「テーマの情報」を設け、各デザインテーマの詳細を確認しやすくなりました。デザイン設定画面 7. ブログを更新した際に、ブログカードにも反映されるようにしました ブログの内容を更新した際、既に貼り付けられたブログカードへの反映がすぐに行われるようにしました。 ◇◇◇お問い合わせ等でご報告いただいたユーザーの皆さま、ありがとうございました。 .hatena-fotolife{ border: 1px solid #eee; }

…tion記法 変更 ブログカードが掲載されるように変更します。記法オプションはすべて廃止します 対応済み keyword記法 変更 :detail記法オプションを付けた場合、ブログカードが掲載されるように変更します 対応済み niconico記法 変更 記法展開結果からはてなダイアリーへのリンクを削除します 対応済み http記法 変更 :image, :sound, :movie オプションを廃止予定です。詳細が決定ししだい追記します 対応済み tabelog記法 廃止 -…

…ュールのサムネイルやブログカードなどには表示されません。 シェア画像の自動生成を無効にするには シェア画像の自動生成は、デフォルトでは「有効」となっています。無効にする場合は、詳細設定ページから変更してください。本機能を無効にした状態で記事をシェアした場合は、はてなブログでのデフォルトのアイキャッチ画像が表示されます。 シェア画像の自動生成を無効にした状態 シェア画像が更新されない場合は 自動生成を無効にした場合や過去の記事を編集した際に、ソーシャルメディアで見えるシェア画像…

…れまでは記事の先頭にブログカードなどのiframeを配置すると、表示されず空白になっていましたが、今回の改修により表示されるようになりました。 関連記事 ベータ版機能とは？ - はてなブログ ヘルプ AMPで配信される記事下にも関連記事を表示するようにしました（追記あり） - はてなブログ開発ブログ AMPに適用するCSSを設定できるようにしました - はてなブログ開発ブログ ブログ記事をAMPで配信できるオプションを、Proユーザー向けベータ版機能としてリリースしました（追…

…て選択し、次のようなブログカードを貼り付けます。 r.gnavi.co.jpこのように、ぐるなびのレストランページのURLをリンク挿入で貼り付けるだけで、お店の名前や住所などの情報をブログカード形式にまとめて掲載すると同時に、LocalBusinessとRestaurantに対応した構造化データを付与できます。 関連情報 リンクの挿入とコンテンツの埋め込み パンくずリスト はてなブログでは、ぐるなびカード以外にも「パンくずリスト（breadcrumb）」の表示で構造化データに…

…ら、記事一覧ページやブログカードなどの一部の画像が表示されない不具合が発生しています。現在、対応を進めています。ご利用の皆さまにはご迷惑をおかけして申し訳ありません。対応完了まで今しばらくお待ち頂きますようお願い申し上げます。 【5月23日追記】 問題を解決しました 2018年5月22日22:00ごろに、問題を解決しました。原因はサーバー設定の不備でした。なお、まだページが正常に表示されない場合には、強制リロードするか、ブラウザのキャッシュをクリアして、該当のページを読み込み…

…」を設定していれば、ブログカードやTwitterカード、Facebookシェアなどと同じようなスニペットで表示します。 記事一覧モジュールで本文を表示するには 記事一覧モジュールでは、記事のタイトル、アイキャッチ画像、更新日時などとあわせて、本文の一部を表示することができます。ブログのサイドバーに表示するモジュールは、ブログの管理画面のデザイン設定画面の「カスタマイズ」ページで「サイドバー」を開き、モジュールごとの「編集」ウィンドウで設定できます。記事一覧に本文を表示するには…

…、例えば記事の先頭にブログカードを配置したときに表示されない AMPを利用するサービス・アプリによっては、いったんAMPでクロールした記事について、AMP配信を止めたあとでも通常の表示に戻らないことがある（サービス・アプリ側の仕様による） そのほかの事項も含めて、AMPを使用する際の注意点については下記の関連ヘルプを参照してください。 ※はてなブログのAMP配信は、有料プラン「はてなブログPro」に加入しているユーザー向けのベータ版機能です。注意事項をご理解いただいたうえでご…

…ことができる機能で、ブログカードなどを貼り付ける「埋め込み」形式では問題ありませんが、「タイトル」や「URL」の形式では貼り付けることができませんでした。ご利用の皆さまにはご不便をおかけして申し訳ございません。再発防止に努めてまいります。お問い合わせフォーム等からご報告いただいたユーザーの皆さま、ありがとうございました。 参考 - リンク挿入機能に関して ブログに写真や動画を貼り付ける「リンク挿入」機能を使いやすくしました URLをペーストするだけでコンテンツを埋め込めます …

…のものへのリンクを、ブログカード形式で挿入します。 関連記事 はてなブログ開発ブログ 2014-08-14 ブログに写真や動画を貼り付ける「リンク挿入」機能を使いやすくしました URLをペーストするだけでコンテンツを埋め込めます 2012-08-15 ネットの話題からブログを書いてみませんか？ 編集サイドバーに「はてなブックマーク貼り付け機能」を追加しました はてなブックマーク開発ブログ 2014-10-06 ブックマークコメントページにコメント貼り付け機能を追加しました 2…

…では、先日公開した「ブログカード」を拡張し、インターネットの一般的なWebサイトに対応しました。URLを貼るだけで、さまざまなWebページをコンパクトな「ブログカード」形式で紹介することができます。「ブログカード」は、ブログに掲載する記事のタイトルや概要、アイキャッチ画像などを読みやすくまとめて表示する埋め込み形式です。今回の改善では、ソーシャルメディアのシェアで参照されるOGP（Open Graph Protocol）をはじめとして、Webページに記述されているmeta要素…

…る「リンク挿入」や「ブログカード」といった機能によって、はてなブログの記事を手軽に見やすく掲載できるようになっています。こういった機能によって掲載された記事も、言及一覧でいつでも簡単に確認できます。どうぞご利用ください。 「言及の一覧」パネルについての注意点 以下の点にご注意ください。 掲載される「言及」元の記事は、閲覧時点で「すべての人に公開」されているブログのみです。プライベートになっているブログや、削除された記事は掲載されません 掲載されるお知らせは、記事またはブログへ…

…おり、先日公開した「ブログカード」の埋め込みコードなど、はてなブログの記事情報をAPI経由で取得することができます。これにより、oEmbedで提供されるコンテンツの埋め込みに対応したツールやサイトで、はてなブログの記事をブログカードの形式で表示するように設定、あるいは開発を行うことができます。どうぞご利用ください。なお、当APIで取得できる記事は、公開範囲が「すべての人に公開」されているブログのみです。その他、はてなブログoEmbed APIの詳細については、Hatena D…

…パクトにまとまった ブログカード 形式で、次のように貼り付けることができます。あわせて、自分がこれまでに投稿した記事を簡単に挿入できるように、そのブログの「過去記事貼り付け」機能を、編集サイドバーに追加しました。 ※「記事貼り付け」できるのは、はてなブログの記事だけです。 はてなブログの記事を「記事貼り付け」するには はてなブログの記事URLをコピーし、編集画面にペーストします。すると「リンクを挿入」ウィンドウが開くので、挿入する形式として「埋め込み」を選択します。 はてなブ…