【cookie】ブラウザ上でgclidを確認・取得する方法

【cookie】ブラウザ上でgclidを確認・取得する方法

Google広告にオフラインコンバージョンをgclidベースでアップロードをする際に、「そもそもgclidってブラウザ上でどうやって見れるんだっけ?」「どうやってJavascriptで取得できるんだっけ?」についてキャッチアップする必要があったので、その方法を簡単に共有します!

そもそも、「gclidって?」とか「オフラインコンバージョンのアップロードって?」といった疑問については、下記の記事が参考になると思います。

関連記事【Google 広告】オフラインコンバージョンのアップロード方法allis-co.com

Chromeのデベロッパーツールでgclidを確認する方法

デベロッパーツールを開いて(chromeでF12)、

👉🏼 デベロッパーツール > Application > Storage > Cookies > 「_gcl_aw」のvalue

で確認することができます。

valueは、「GCL.hoge1.hoge2」と、「.」で繋がれた3つの文字列の要素で構成されているようです。そのうち、最後尾のhoge2がgclidにあたります。

Javascriptでgclidを取得する方法

gclidはcookieの中に格納されていますが、「document.cookie」のスクリプトでcookieの情報を出力できます。コンソールで出力したのが以下。

これだとcookie情報が全部出力されてしまうので、gclidの文字列だけを取得したいときは以下のスクリプトで「gclid」の変数に格納できます。

var cookies= document.cookie;
var keystr= “_gcl_aw=”;
var matchPos= cookies.indexOf(keystr);

var cookieValue= “”;

if (matchPos!=-1) {
var valueStart= matchPos+ keystr.length
var valueEnd= cookies.indexOf(“;”,valueStart);

if (valueEnd!=-1) {
   cookieValue= cookies.substring(valueStart, valueEnd);
 }else {
   cookieValue= cookies.substring(valueStart);
 }
 cookieValue= decodeURIComponent(cookieValue);

var arrayGclid= cookieValue.split(“.”)
var arrayGclidNum= cookieValue.split(“.”).length
var gclid= arrayGclid[arrayGclidNum-1]
}

スクリプト作成の際に参考にした情報がこちら。

  • 参考サイト

外部サイトCookieからデータを読み込む - JavaScript プログラミング | iPentecwww.ipentec.com

以上、gclidの確認方法でした!

Written by

広告運用研究会
オーリーズのコンサルタントが、案件を超えて広告運用の知見を持ち寄る社内研究会。特定テーマについて議論し、その内容を一次情報として公開しています。