検索エンジンからのキーワードでハイライト表示する【非推奨】

カスタマイズに使用している%{SEARCH_ENGINE_KEYWORD}が、Googleの仕様変更により正常に使用できない可能性があるため、非推奨としております

a-blog cmsでは、フォーム送信後の結果を、ページを移動せずにAjaxを使用して表示できる機能が標準で実装されています。この方法は組み込みJavaScriptのポストインクルード機能を利用します。(Ver. 1.3.0より)

通常は検索フォームにデータを入力して送信ボタンを押すと、新しいページを読み込んで検索結果を表示しますが、この機能を利用するとフォームの送信ボタンを押さずに同じページ内で検索結果を表示することができます。

デモ

<input type="hidden" name="tpl" value="/builtinjs/searchResultSample.html" />
<input type="hidden" name="bid" value="6" />
<input type="submit" name="ACMS_POST_2GET" value="検索" />

この部分が置き換わります。

ソースコード

ここでは例として、ある特定のキーワードで検索した場合の検索結果を表示する手順を説明します。

基本的な設定方法についてはページを移動せずにフォームの検索結果を表示する(post include)を参考にしてください。下記の箇所を変更することで送信ボタンを押さずに結果を表示するようになります

変更前

<form action="" method="post" class="js-post_include">
<input type="text" name="keyword" value="" size="15" /">
</form>

変更後

<form action="" method="post" class="js-post_include-ready">
<input type="text" name="keyword" value="%{SEARCH_ENGINE_KEYWORD}" size="15" /">
</form>

グローバル変数%{SEARCH_ENGINE_KEYWORD}を使用します。キャッシュ無効時のみ使用可能です。