【中〜上級者向】タグの設定について

・Googleアナリティクス/Googleタグマネージャーを含む他社サービスはサポート対象外のため、参考情報をご参照の上でお客様ご自身での操作・設定をお願いしております。
・Googleアナリティクスの設定については公式サイトをご確認ください。

 
タグの設定は、ブック毎(個別設定)にもできますし、1つのアカウント内にある全てのブック(共通設定)にすることも可能です。その方法について説明します。

目次 ▼クリックすると説明に移動します。

01. タグとは
02. 個別設定
03. 共通設定
04. 本棚の設定
05. Googleタグマネージャーの設定例

01. タグとは

タグとは、Webサイトなどで情報をどのように表示するかを指定する命令文です。
「どこに表示するか」「何色で表示するか」「どのような文字や画像を使うか」などの記述をタグと呼びます。
Webサイトに表現したい内容はそのタグを使って記述されています。

ebook5は管理画面からGoogleアナリティクスのトラッキングID、</head>と</body>直前へタグの設定をすることが可能です。
Googleタグマネージャーなど、複数のタグを管理できるTMS(タグマネージメントサービス)のコードや、検索エンジンへのインデックスを防ぐコードを設定できます。

TMS(タグマネージメントサービス)のコード、検索エンジンへのインデックスを防ぐコードは、</heady>直前に入力することを推奨しております。
その他につきましては、タグの属性よって入力に適した箇所も異なります。JavaScriptの処理内容なども考慮し設定してください。

02. 個別設定

ブック毎に</head>や</body>直前へ、<script>タグや<meta>タグなどを設定することができます。
※無料トライアルではご利用できません

1. 各ブック(上)メニュー「ダッシュボード」から「タグの自由入力</head>」 「タグの自由入力</body>」をクリックします。

2. 個別設定にチェックを変更後、タグを入力します。
初期設定では「共通設定を適用する」にチェックが入っていますので「個別設定を適用する」にチェックを変更してください。

03. 共通設定

ご利用アカウント内にある全てのブックの</head>や</body>直前に、<script>タグや<meta>タグなどを共通で設定することができます。
※無料トライアルではご利用できません

1. ブック一覧画面にある、「タグの共通設定」をクリックします。

2. 「タグの自由入力」枠に任意のタグを入力します。

04. 本棚の設定

本棚ページの</head>直前</body>直前に、<script>タグや<meta>タグなどを設定することができます。
※無料トライアル、パーソナル1ではご利用できません

1. ブック一覧画面にある「本棚の設定」をクリックします。

2. 「タグの自由入力」</head>または</body>を選択します。

初期設定で</head>セクションに、本棚に表示される画像を検索エンジンにインデックスさせないためのコードが設定されています。不要な場合はコードを削除してください。
設定済みコード <meta name=”robots” content=”noimageindex”>

共通のタグを設定したい場合は「共通設定を適用する」にチェックを入れてください。

注意事項
※共通設定と個別設定をどちらも入力している場合は、個別設定が優先されます。
※共通設定で「タグの自由入力」を設定し、個別設定で「Googleアナリティクス」のトラッキングIDを入力した場合は、両方のアカウントにてトラッキングが行われます。
※外部サーバー公開機能をご利用の方は共通設定を変更して保存した後にファイルの再アップロードをお願いいたします。

05. Googleタグマネージャーの設定例

Googleタグマネージャーを使用して各ページのPV、リンククリック等の数値をトラッキングするには、「タグの自由入力」を設定する前にGoogleタグマネージャーの設定が必要です。

設定をしていない場合、ブック自体のPVはカウントされますが(ページめくり)(リンククリック)(ページズーム)(PDFダウンロード)(キーワード検索)(印刷)の数値はトラッキングされません。
 
Googleタグマネージャー管理画面から取得出来るコードは以下のような内容になります。

<!– Google Tag Manager –>
<script><(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({‘gtm.start’:
new Date().getTime(),event:’gtm.js’});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!=’dataLayer’?’&l=’+l:”;j.async=true;j.src=
‘https://www.googletagmanager.com/gtm.js?id=’+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,’script’,’dataLayer’,’GTM-XXXXXX’);
// ]]></script>
<!– End Google Tag Manager –>


「XXXXXX」には、それぞれ個別のIDが入ります。

注意事項
※設定する場合は各サービスのご利用方法をご確認の上ご利用ください。
※タグの設定不備などによるトラッキングの障害や、データの未計測についてebook5サービスでは保証致しかねます。
※タグの設定不備がありますとブックが正常に動作しない原因になりますので、設定元の各サービスのご利用方法をお確かめいただき、慎重なご操作をお願いいたします。
※外部サーバー公開機能をご利用の方は共通設定を変更して保存した後にファイルの再アップロードをお願いいたします。

 
関連リンク:Googleタグマネージャーを使用してアクセス解析情報を取得する【GA4】

Tagged: