今日から始めるFacebook広告の出し方【Step:3】Facebookタグ設置方法

今日からFacebook広告を出したい人へ向けての
5ステップで出来るFacebook広告の出し方です。


この記事のゴール

・Facebookピクセルの理解
・Facebookピクセルをページに入れる
・ピクセルが入っているか確認

この記事を読めば
Facebookピクセルを正しく
ページに入れるこができます。


今回はFacebookタグ(ピクセル)の設置方法
について説明していきますね。

しめじ社長
しめじ社長
【Step.1】~【Step.2】までの記事の
作業が完了している前提で話していくニャ
完了していない場合は下のリンクから確認!


今日から始めるFacebook広告の出し方【Step:1】Facebookページの作成 Facebook広告 はじめ方 今日から始めるFacebook広告の出し方【Step.2】ビジネスマネージャ作成


Facebookピクセルを
入れると何ができるの?

Facebookタグ(ピクセル)を
設置するとどんなことができるんですか?
ゆきき
ゆきき
しめじ社長
しめじ社長
Facebookタグ(ピクセル)を設置すると
いろいろなことができるニャ!
例えば…
  • Facebook広告の成果を計測したり
  • 狙い通りのターゲットに配信できているか確認できたり
  • Facebook広告の改善の指標になったり
  • 最適化で効率的にCVを取ったり
  • 1度ページに訪れた人に再度、広告を表示させたり
  • 専用のターゲットを作ったり

Facebookタグ(ピクセル)を入れることで
Facebook広告の力を最大に発揮します。
マストで入れておかなければいけないので
必ずタグを設置しましょうね。

それでは、
早速Facebookタグ(ピクセル)を
設置していきましょう!

Facebookピクセルの入れ方

まずは【Step.2】で作成した
Facebook広告マネージャにアクセスしてください。
▶︎ 【FB広告マネージャを開く】


Facebookビジネスマネージャにアクセス

下記の画面にアクセスしたことを
確認してください。

【Step.2】で作成した広告マネージャの
名前になっているかを確認してください。

赤波線の部分をクリックすると
ビジネスマネージャに追加してある
別の広告アカウントと切り替えることができます。

[広告マネージャ]をクリックしてください。

[イベントマネージャ]をクリックしてください。


データソース画面を確認

データソース画面へ移動してください。
下記の画面に移動すると思います。

3つありますが今回は
Facebookタグ(ピクセル)を
埋め込むので1番上の


『Facebookピクセル:ウェブサイトアクティビティをトラッキング』

[スタート]をクリックしてください。

ウェブサイトアクティビティをリンク


ピクセル名はわかりやすい名前に
設定しておいてください。

ウェブサイトのURLは任意なので
無記入でもこの後に困ることは特にありません。

[次へ]をクリックしてください。

[コードを手動でインストール]をクリックしてください。



この画面にきたら緑色のボタンにある
[コードをコピー]をクリックすると
Facebookタグ(ピクセル)がコピーされます。

このコピーしたコードをLPやサンクスページなど
あなたが管理しているウェブサイトに埋め込んでいきます。

しめじ社長
しめじ社長
(2)ベースコードを「ウェブサイトに貼り付ける
の下にある[詳しくはこちら]をクリックすると
どこにタグを挿入したらいいかわかるニャ!


WEBサイトにFacebookピクセルを入れる

先ほどコピーしたタグを
WEBサイトに貼り付けていきます。

しめじ社長
しめじ社長
下記の画像のように
の直前またはの直前に
先ほどコピーしたベースコードを貼り付けするニャ!

【参照画像】リスマガより

WEBサイトの制作を外注している
場合はFacebookタグ(ピクセル)は
どうやって入れたらいいですか?
ゆきき
ゆきき
しめじ社長
しめじ社長
WEBサイトを制作してくれた
担当者にコピーしたタグを渡して
入れて欲しい場所も指定するニャ!
しめじ社長
しめじ社長
ASPにFacebookタグ(ピクセル)の発行を
お願いされた場合はコピーしたタグを渡すニャ!



WordPressに簡単にFacebookピクセルを
入れるにはこちらの記事を参考にして
入れてみてくださいね。

WordPressにFacebookピクセルを簡単に入れる方法



Facebookピクセルが
入っているか確認

ここまでできたら
Facebookタグ(ピクセル)がちゃんと
機能しているか確認をしましょう。

しめじ社長
しめじ社長
Google Chromeの拡張機能
『Facebook Pixel Helper』が
ものすごく便利なので入れておくニャ!



こんな感じでワンクリックするだけで
ピクセルが機能しているか確認ができます。



PageViewのところに
✅が入っていたらFacebookタグ(ピクセル)が
正しく機能しているということが確認できます。

もし、ついていなかったらもう一度
『2.Facebookタグ(ピクセル)の設置方法』
の作業に戻ってベースコードをコピーして
Facebookタグ(ピクセル)を設置しましょう。

Facebook Pixel Helperの追加

しめじ社長
しめじ社長
Google Chromeのブラウザを開いた状態から
下記のリンクを開けば拡張機能を追加できるニャ!

▶︎ 【Facebook Pixel Helperを追加】


追加が完了したら
Facebookタグ(ピクセル)を設置した
WEBサイトを開いた時にChrome画面の右上

『Facebook Pixel Helper』に
自分のピクセルIDと同じ数字が入っていればOKです。

コードとかHTMLとかなんだって
いろいろと難しいですね…
ゆきき
ゆきき
しめじ社長
しめじ社長
難しい気持ちはとてもわかるニャ…
でも、これを乗り切ればFacebook広告で
より良い成果があげられるようになるので
もうちょっと頑張るニャ!


カスタムコンバージョンの作成

カスタムコンバージョンとは?

簡単にいうと結果(コンバージョン)を正確に
計測するためのゴール地点のことです。



まず、カスタムコンバージョンページに移動します

▶︎【カスタムコンバージョンページ】

しめじ社長
しめじ社長
ここからすぐに移動できるから
ブックマークしておくのがおすすめニャ!


カスタムコンバージョン作成方法

ここの画面の
[カスタムコンバージョンを作成]をクリックしてください。

まずはカスタムコンバージョンの名前を
入力してください。

しめじ社長
しめじ社長
カスタムコンバージョンは
最大100個まで作成できるので
わかりやすい名前にしておくのが
おすすめニャ!


カスタムコンバージョンの設定

最適化のための標準イベントを選択のところで
[自分でカテゴリを選択する]をクリックしてください。

しめじ社長
しめじ社長
カテゴリは目的にあった項目を
選ぶといいニャ!

迷ったら『登録完了』にしておけばOKです。

URLは『次と等しい』に設定してください。
他の項目を選ぶと複数のコンバージョンが
計測されてしまう可能性があります。

社長![作成する]のボタンが押せません!
ゆきき
ゆきき
しめじ社長
しめじ社長
よくある質問ニャ!
URLの青くなっている部分を
クリックすると押せるようになるニャ!

[作成する]をクリックしてください。



カスタムコンバージョンが作成できました。
指定したURLのWEBサイトに何度かアクセスして
ステータスが【アクティブ】
なっていることを確認しましょう。

アクティブにならない場合は
こちらの記事を参照してください。

【5分で解決】カスタムコンバージョンがアクティブにならない時の対処法



Facebookピクセルが入れ終わりました!

これでFacebookタグ(ピクセル)の
設定が完了です。

しめじ社長
しめじ社長
これからもアナタの為になる
記事をどんどん更新していくので
ブックマーク登録しておくのが
おすすめニャ!


Facebookは頻繁かつ予告なしで
仕様が変更されるのでもし…

  • この記事と書いてあることが違う
  • 記事に対してわからない部分がある

と言った場合はお気軽に
LINEでお問い合わせしてください。
※記事に関する質問のみ回答します。

検索からは『@356qstvv』@を忘れずに!

しめじ社長
しめじ社長
もし、この記事が参考になったのなら、
SNS等でシェアしてくれたら嬉しいニャ!


次は【Step.4】
Facebook広告出稿編

これでFacebookを出稿する準備ができました。
いよいよ次はFacebook広告出稿編になります。

こちらから確認してくださいね!

今日から始めるFacebook広告の出し方【Step.4】FB広告出稿


最後に

・僕のブログを読んでくれた方
・現在進行形で広告を運用している方
・新く集客をはじめようと考えている方
・新いマーケティングを考えている方
・これから集客をやりたい方

へ向けてコンサルティングや
広告運用代行をやっています。


もし、興味がありましたら
こちらの記事を参照して
ご連絡くださいませ!

【お仕事】依頼できるお仕事&価格一覧


しめじ社長
しめじ社長

最後まで読んでくれて
ありがとうニャ!

SNSに感想をシェアしてくれたら
とても嬉しいニャ!

8 COMMENTS

コメントを残す

メールアドレスが公開されることはありません。