'}}

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

HanamiWEBオンラインスクールでは

●バーチャル自習室でのリアルタイム質問!

●チャットで質問し放題!

●24時間学び放題のEラーニング教材!

全部ついて 2,500円/月!

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

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

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

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

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

特定のページの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

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

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

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

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

3 ← 3秒という意味です。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にすれば停止になります。

ホームページのリスキリングはお任せください!

2019年よりWordPressやホームページに関するスキルシェアを行ってきました。事例やノウハウが蓄積され、スピーディーかつ的確にお悩みを解決へと導く事を得意としています。ホームページに関するお悩みがございましたら、LINE公式アカウントよりお気軽にご相談ください!

↑クリックするとLINE公式が開きます

新着記事

'}}
Lifter LMSを使ってクレジット分割払いを受け付ける仕組みを解説
'}}
LifterLMSのシステム自動出力ページのカスタマイズ方法を解説
'}}
LifterLMS 銀行振り込みなどで登録日とアクティブ日が異なる場合のカスタマイズ例
'}}
(解決済)WordPressから送信されるGmail宛のメールだけ送られない【ロリポップ】
WP Rocket - WordPress Caching Plugin
ja日本語