３秒だけ表示させるクッションページをWordPressで実装する方法

Facebook広告を運用しているクライアント様より３秒だけコンバーションページを表示させた後、特定のページへリダイレクトさせるクッションページという仕組みがあるのですが、WordPressでも実装出来ますか？と質問があり、実装したのでメモとしてやり方を残しておきます。

1. LPからメルマガ登録をしてもらう
2. サンキューページを表示させる（Facebookのコンバーションタグを埋め込む）
3. LINE公式サイトの登録ページを表示させる

という導線を作ります。２→３の導線が自動かつ３秒で切り替わるという仕組みです。

固定ページにサンキューページを作成

まず最初に、固定ページ新規作成でクッションページとなるサンキューページを作成しておいてください。

特定のページのheadにタグを埋め込める「Header Footer Code Manager」プラグインをインストール

WordPressサイトのheadにコードを埋め込めるプラグインという事で以前記事を書いているのですが
→WordPressサイトのhead内にコードを追加する方法

今回は特定のページのhead内にタグを埋め込むことが出来る「Headre Footer Code Manager」を使います。

• プラグイン
• 新規追加
• キーワードに「Header Footer Code Manager」と入力
• 今すぐインストール
• 有効化

をクリックします。

Header Footer Code Managerの管理画面

• HFCM
• Add New

をクリックして、コードを追加する画面を開きます。

クッションページにコードを追加

• Snippert Name　ー　わかりやすい名前を付けます
• Snippet Type　ー　HTML
• Site Display ー　Specific Pages(特定のページ）
• Page List　ー　クッションページとなるページを指定
• Location ー　Header
• Device Display　ー　Show on All Device
• Status　ー　Active

３秒で移動するクッションページを実装させるコード

以下のコードをコピペで使ってください。

<meta http-equiv="refresh" content="3;URL=https://www.yahoo.co.jp/">

変更する箇所はcontent="この中"です。今回は、yahooのTOPページでリダイレクトされるようになっています。

３　←　３秒という意味です。0.1秒にしたければ0.1に変えます。
URL=https://www.yahoo.co.jp/　←　リンクさせたいURLをこちらに入力します

このコードをSnippet / Codeの箇所に入力します。

例えば、0.1秒でgoogleMAPのTOPページに移動させたければ以下のようなコードになります。

<meta http-equiv="refresh" content="0.1;URL=https://www.google.co.jp/maps/?hl=ja">

最後に、実際にクッションページを表示させて確認

設定が完了したら、最後に固定ページ一覧から、クッションページを表示させてください。設定した秒数の後、指定したURLへリダイレクトされると思います。

リダイレクトを停止したい時

設定したリダイレクトの設定を停止したい時は

• HFCM
• All Snippets

を開き

StatusをOFFにすれば停止になります。