標準機能ではタグ検索をサポートしていませんが、HTMLコンテンツ(CMS)との連動、制作ご担当者様のご協力、GENIEE SEARCHの追加設定により、ご要件によっては『タグ検索』としてご利用可能です。
※この記事中のJavaScriptコードや実装手順は、ジーニーのサポート範囲外となります。アレンジおよび十分なテストの上、ご活用ください。
1.次のどちらかの方法でHTMLコンテンツにタグを追加します。
方法1)metaタグを追加、複数ある場合はバーチカルバー「|」区切り
<meta name="pf:attributes" content="タグ1|タグ2|タグ3" >
方法2)特定のHTMLタグにタグを追加、ジーニーのクロール設定にカスタマイズが必須
<div id="tags"><span>タグ1</span><span>タグ2</span><span>タグ3</span></div>
※ジーニーのクロール設定カスタマイズにより、フィールド「attributes」「display_text1」に格納
2.検索結果画面に GENIEE SEARCH for コーポレートの JavaScriptを組み込みます。
・適切なGENIEE SEARCHのパーツ(コンポーネント)を配置
・GENIEE SEARCHの設定タグと起動タグの前に次の例のようなJavaScriptを配置(制作会社様ご担当範囲)
<!-- ここからジーニーの担当範囲ではありません。 -->
<hr>
<div id="search-tag"></div>
<hr>
<!-- ここまでジーニーの担当範囲ではありません。 -->
<!-- ここからジーニーの担当範囲ではありません。 -->
<script type="text/javascript">
// ###
// 1. URLのクエリストリングから 'ssr' パラメータの値を取得
var urlParams = new URLSearchParams(window.location.search);
var ssrRawValue = urlParams.get('ssr');
// 2. 値が存在する場合の処理
if (ssrRawValue !== null) {
// 1. デコード
var decodedValue = decodeURIComponent(ssrRawValue);
// 2. 「group-tag:」を取り除く (デコード済みの場合は ":" 、未デコードが含まれる場合は "%3A" 両方に対応)
decodedValue = decodedValue.replace('group-tag:', '').replace('group-tag%3A', '');
// オブジェクトへの格納
var sitesearchAttribute = [
{
group: { "label": "タグ", "name": "group-tag" },
attributes: [
{ "label": decodedValue, "name": decodedValue },
],
},
];
// HTMLタグ <div id="search-tag"></div> へのテキスト差し込み
var searchTagElement = document.getElementById('search-tag');
if (searchTagElement) {
searchTagElement.textContent = `${decodedValue} の検索結果`;
}
}
// ###
</script>
<!-- ここまでジーニーの担当範囲ではありません。 -->3.各HTMLページのタグにリンクを設定します。
・リンク先は検索結果ページ(前述の「2」で作成したHTMLページのURL)にクエリーストリング「?ssr=group-tag:タグ1」を追加
※クエリーストリングは urlエンコードしてください。
4.各HTMLページに配置されたタグをクリックして動作確認します。
・リンク先は、例えば https://www.example.com/search.html?ssr=group-tag%3A%E3%82%BF%E3%82%B0%EF%BC%91 になります。
この記事は役に立ちましたか?
それは素晴らしい!
フィードバックありがとうございます
お役に立てず申し訳ございません!
フィードバックありがとうございます
フィードバックを送信しました
記事の改善におけるご協力ありがとうございます。