サイト内のタグ検索システムを作った

(2025.07.30)

概要

Googleサイト内にタグのような仕組みを作ってみた。

自分のサイトの記事が増えてきたので、同一のテーマについての記事を整理（要するにタグ付け）したい。

Googleサイト、Google Apps Script(GAS)

サイト内の各ページにタグを表す文字列を書いておき、自作のwebアプリで処理

・アプリ側で指定したタグを含むページの検索ができる

アプリには①検索（タグ入力・指定）用（デフォルト）、②検索結果表示用、の２ページを作成する

・それぞれの構造を個別のHTMLで作成し、アプリのURLに指定した検索タグ名を含むプロパティによって表示するページを変更

・検索ページにプロパティ付きのURLを生成することで別ページに誘導する

・結果ページに該当記事のリンクを表示

記事に付けるタグを該当ページ上部に表示させる

HTMLを埋め込む形でリンクとして作成することで、クリックした際に関連するページ（同タグを含む）を閲覧できるようになった

タグの文字列をページ末尾の目立たない位置に配置し、アプリでの情報取得時に利用する

（サイトに埋め込んだリンクは直接のスクレイピングでは取得できないため、シンプルなテキストとして別途記述することにした）

①トップページからタグ検索用のアプリを開き（埋め込みでもリンクからでもOK）、検索したいタグを入力する（「#」は含めない）

②「検索」を押して表示されるリンクをクリック

①' 記事に表示されたタグのテキスト部分をクリック

表示された任意のリンクから記事に飛べる