Cocoon 2.9.5からの変更点です。
今回は、記事内のリンクの反応を確認できるクリック解析機能の追加と、Cocoon設定画面の刷新が中心です。アクセスカレンダーや分割記事の目次も改善し、セキュリティ、エディター、表示、スキンに関する不具合を修正しました。
機能追加
クリック解析機能
Cocoonのアクセス解析に、内部リンク・外部リンクのクリック状況を確認できる機能を追加しました。クリック数だけでなく、リンクの実表示をもとにした推定クリック率(推定CTR)、内部リンク先への到着状況なども確認できます。

「概要」「内部リンク」「外部リンク」「クリックマップ」の各画面から、サイト全体の傾向や記事ごとの反応を確認できます。主な機能は次のとおりです。
- 内部リンク・外部リンクのクリック集計と推移グラフの追加
- 記事のプレビュー上でクリック位置を確認できるクリックマップの追加
- 人気記事や記事検索からクリックマップの対象記事を選べる機能の追加
- リンク一覧での画像プレビューと詳細表示の追加
- 列見出しによる並べ替え、ページ切り替え、横スクロールなどの表操作機能の追加
- 端末・掲載位置・リンク種別などによる絞り込みの追加
- 掲載箇所ごと・リンク先ごと・外部リンクのドメインごとの集計切り替えの追加
- 推定クリック率の詳細やデータの見方を確認できる説明表示の追加
- クリック解析データのCSV・JSON出力の追加
クリック解析は初期設定で有効です。すでに無効にしている場合は、その設定を維持します。アクセス解析の設定画面では、計測対象、ログインユーザーの除外、リンク先URLに含まれる文字列やドメインによる除外、データの保持期間などを設定できます。
ブラウザーから送られるプライバシー保護の意思表示(DNT/GPC)を尊重し、計測から除外する設定にも対応しました。
表示回数の計測には、サイトの規模に応じた自動サンプリングを導入しました。クリックの計測にはこの抽出率を適用せず、対象となるクリックを記録します。
設定画面とアクセスカレンダーの拡張フック
子テーマやスキンから設定画面やアクセスカレンダーを調整するための仕組みを追加しました。
- Cocoon設定のタブを追加・調整できる拡張フックの追加
- アクセスカレンダーの通常日・突出日の色を変更できるフィルターの追加
変更
Cocoon設定画面を刷新
設定画面のデザインを刷新し、「おすすめ表示」と「従来の表示」の切り替えに対応しました。「おすすめ表示」は、広い画面ではグループ分けと検索を備えたメニュー、狭い画面では選択式のメニューを表示します。

広い画面では、ウィジェット設定を含む各設定パネルを本文幅いっぱいに表示します。文章の入力欄も表示幅に合わせて広がり、選択した画像のプレビューは縦横比を保ったまま設定欄に収めます。
キーボード操作も改善し、スマートフォンでは保存ボタンを画面下部に固定しました。表示モードはサイト・ユーザーごとに保存され、設定済みの内容を引き継いで利用できます。
アクセスカレンダーの色分けを改善
アクセスカレンダーの色分けを見直し、一時的にアクセスが突出した日があっても、通常日のアクセス差を見分けやすくしました。通常日の分布に応じて色の境界を決め、突出した日は専用の濃い緑色で表示します。
自動アクセスと先読みの除外を強化
ボットなどによる自動アクセスや、ページの先読みを集計対象から除外する処理を強化しました。アクセス数とクリック解析の両方で、自動処理によるアクセスを除外します。
分割記事の目次を改善
複数ページに分割した記事では、見出しへの移動先を示すアンカー番号を、記事全体の通し番号に変更しました。ページをまたぐ目次でも、対象の見出しへ移動できるようにしています。
全ページ分の内容を目次に表示する設定は、初期状態で有効にしました。すでに保存されている設定値は維持します。
カードの区切り線と新着情報の構造を調整
縦並びのカードの区切り線を、カード同士の間だけに表示するように変更しました。先頭と末尾には区切り線を表示せず、カードが1件の場合も線を表示しません。設定画面やブロックの説明文も、この表示に合わせて変更しました。
新着情報には、記事の一覧をまとめて囲む親要素を追加しました。記事一覧全体の装飾を指定しやすい構造になっています。
メイド・イン・ヘブンスキンを3.0.0に更新
メイド・イン・ヘブンスキンを3.0.0に更新しました。スクロールバーの表示による横ずれを抑える調整も行っています。
不具合修正
セキュリティ
- CTAの保存・出力における入力値の検証や表示処理の安全性不足の修正
- 外部ブログカードの表示内容と画像取得に関する安全性不足の修正
- 設定バックアップの復元時に不正なファイルやデータを扱う可能性がある問題の修正
- アクセス解析のCSVを表計算ソフトで開いた際に、出力値が数式として解釈される問題の修正
エディターとブロック
- 編集ツールバーの依存スクリプトが欠落する問題の修正
- ブロックウィジェットや動的ブロックのプレビューに関する互換性の修正
- 動的ブロックで選択肢の一覧が読み込まれていない場合に、保存済みの選択内容が解除される問題の修正
- 囲みボタンでリンク属性によって保存内容が欠落する問題と、リンク属性の保存処理の修正
- 多言語環境でクラシックエディターが停止する問題の修正
- 管理画面の画面情報が取得できない場合に、エディター判定でエラーになる問題の修正
設定とテーマ機能
- 商品リンク関連の定数が再定義され、警告が発生する問題の修正
- プロフィールの一部だけを保存した際に、送信していない画像URLやプロフィールページURLが消える問題の修正
- 子テーマにJavaScriptファイルがない場合に、読み込みエラーが発生する問題の修正
- アクセス解析を無効にした際に、設定タブが表示される問題の修正
- ウィジェットの除外投稿指定が、既存の除外条件に反映されない問題の修正
- 目次作成時に、同じ行に並ぶ別のショートコードの内容まで除外される問題の修正
表示
- 大サイズのボタン内で文字装飾をまたぐ改行が崩れる問題の修正
- フッターやモバイルメニューなどで、長い英字列によって表示が崩れる問題の修正
- Firefoxでモバイルフッターボタンの余白が伸縮する問題の修正
- カテゴリー・タグの表示エリアで、指定したメインカテゴリーが先頭に表示されない問題の修正
スキンの修正
- Fuwari:カードの外枠と区切り線が干渉する表示の修正
- Simple-Darkmode・Simple-Darkmode Always:カードの区切り線と影が重複する表示の修正
- ONE:区切り線が親テーマに上書きされる問題、新着情報とカレンダーの文字色、カスタマイザーのプレビューと背景色設定、ダーク設定時のモバイルボタン文字色の修正
- ミックス:カードの区切り線と外枠の表示の修正
- イノセンス・tecurio:枠線付き新着情報の外側余白の修正
- Like Simplicity:グループブロック内の見出し位置の修正
- Simple-Darkmode系・ダーク系スキン・てがきノート(ダークスカイ):タブブロックの見出しの視認性の修正
- 複数のスキン:表の装飾が管理画面にも適用される問題の修正
- サンプルスキン:翻訳の読み込みが早すぎることによる警告の修正
- nagi:CTAの保存・出力に関する安全性不足の修正
- SILK(シルク):スキン設定の復元時のファイル検証と権限確認の修正



コメント テーマの質問はフォーラムへ