アプリ版：「スタンプのみでお礼する」機能のリリースについて

マジレス希望

WordPressのLighting(テーマ)にGoogle Analyticsのタグを設定する方法

解決済

  • 質問者：fusion-jp
  • 質問日時：
  • 回答数：12件

大変お世話様です。

最近WordPressのLightningを使ってシンプルな自社サイトを開設しました。アクセス数や訪問者の背景・サイト内外の動きなどを分析するのにGoogle AnalyticsとConsole、後にSEO対策などを予定しています。

いくつかのサイトを確認後にGoogle Analyticsアカウントを開設し測定コードも取得できました。既にExUnit内のGoogle Analytics設定には取得した測定コード(G-OOOOOOOOOOO)を推奨(gtag)選定でコピーし貼り付け保存しております。

しかしながら指示通りに取得したタグをWordPressのLighningに設定しようとしても各サイトで説明されている画像とWordPress内の「外観-テーマエディター-テーマ編集」での表示が異なっており適当に貼り付けられないことから困っております。


いくつかの説明サイトでは編集するテーマを選択後(Lightning)に「外観-テーマエディター-テーマ編集」でTheme Header. phpを開けて「ヘッダー（header.php）に貼り付けます。貼り付ける部分は、<head>～</head>タグ内に貼り付けます。」と説明していますが、LightningのTheme Header. Phpのファイル内には一行のみ「1 <?php lightning_get_template_part( 'header' );?>」とだけ表示されており<head>タグも</head>タグもありません。

ファイル内にはStylesheet (style.css)やTheme Functions (functions.php)の他に_g2、_g3、inc、Comments (comments.php)、Theme Fooer (footer.php)、Theme Header (header.php)、Main Index Template (index.php)、Sidebar (sidebar.php)、readme.txtなどがあります。

_g2、_g3にもheader.phpがありファイルの内容は少々長いのですが以下が表示されています：

_g2です：

<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<?php
global $lightning_theme_options;
$lightning_theme_options = get_option( 'lightning_theme_options' );
?>
<?php wp_head(); ?>

</head>
<body <?php body_class(); ?>>
<a class="skip-link screen-reader-text" href="#main"><?php _e( 'Skip to the content', 'lightning' ); ?></a>
<a class="skip-link screen-reader-text" href="#vk-mobile-nav"><?php _e( 'Skip to the Navigation', 'lightning' ); ?></a>
<?php
if ( function_exists( 'wp_body_open' ) ) {
wp_body_open();
} else {
do_action( 'wp_body_open' );
}
do_action( 'lightning_header_before' );
?>
<header class="<?php lightning_the_class_name( 'header' ); ?>">
<?php do_action( 'lightning_header_prepend' ); ?>
<div class="container siteHeadContainer">
<div class="navbar-header">
<?php
if ( is_front_page() ) {
$title_tag = 'h1';
} else {
$title_tag = 'p';
}
?>
<<?php echo $title_tag; ?> class="<?php lightning_the_class_name( 'header_logo' ); ?>">
<a href="<?php echo esc_url( home_url( '/' ) ); ?>">
<span><?php lightning_print_headlogo(); ?></span>
</a>
</<?php echo $title_tag; ?>>
<?php do_action( 'lightning_header_logo_after' ); ?>
</div>

<?php if ( has_nav_menu( 'Header' ) ) : ?>
<div id="gMenu_outer" class="gMenu_outer">
<?php
wp_nav_menu( array(
'theme_location' => 'Header',
'container' => 'nav',
'items_wrap' => '<ul id="%1$s" class="%2$s ' . lightning_get_the_class_name( 'nav_menu_header' ) . '">%3$s</ul>',
'fallback_cb' => '',
'walker' => new description_walker(),
) );
?>
</div>
<?php endif; ?>
</div>
<?php do_action( 'lightning_header_append' ); ?>
</header>
<?php do_action( 'lightning_header_after' ); ?>

次に_g3です：

<?php do_action( 'get_header' ); ?>
<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<?php
global $lightning_theme_options;
$lightning_theme_options = get_option( 'lightning_theme_options' );
?>
<?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>
<a class="skip-link screen-reader-text" href="#main"><?php _e( 'Skip to the content', 'lightning' ); ?></a>
<a class="skip-link screen-reader-text" href="#vk-mobile-nav"><?php _e( 'Skip to the Navigation', 'lightning' ); ?></a>
<?php
if ( function_exists( 'wp_body_open' ) ) {
wp_body_open();
} else {
do_action( 'wp_body_open' );
}
?>

ご覧のように<head>は複数個所にあり、_g2と_g3のどちらのどの個所にGoogle Analyticsで取得したタグを貼り付ければよいのかご存じの方がいましたらお教えくださいますようお願いいたします。

よろしくお願いいたします。

質問者からの補足コメント

  • 画像を添付いたします。

    ご確認の程お願いいたします。

      補足日時：2021/10/13 22:53
    通報する

  • 申し訳ありません。
    なぜかpngフォーマットの画像が添付できません。

      補足日時：2021/10/13 23:13
    通報する

  • 申し訳ありません。

    Header枠内の1(１行目)よりタグを貼り付けSave(保存)をクリックしましたら以下の表示が出てしまいました：

    閲覧できません (Forbidden access)
    指定したウェブページを表示することができません。
    入力したURLや値が正しくない可能性がございますのでご確認ください。

    The server refuse to browse the page.
    The URL or value may not be correct. Please confirm the value.

    タグは普通にGoogle Analticsのウェブストリームより取得したものです。何がいけないのでしょうか、、。

      補足日時：2021/10/13 23:23
    通報する

  • つらい・・・

    下記サイトも「Insert Headers and Footersがシンプルだと思います。」と謳いながら充分に説明していません。
    https://web4mom.com/google-analytics-setting/　

    下記サイトでは「phpを編集する」の項目に「次に画面右側の「テーマヘッダー」(header.php) を選択します。」そして「テーマヘッダーの中に「</head>」と記述された部分があります。この直前に先ほどコピーしたGoogleアナリティクスのタグを挿入してください。」とありますが自身で探して挿入するしかないのでしょうか。
    https://noelsweblog.com/google-analytics/　
    挿入する場所を間違えればHPのレイアウトが崩れると上記のサイトにもあったので適当に挿入できません。

    どうすればよいでしょうか、、、。

      補足日時：2021/10/14 00:24
    通報する

  • 上記サイトの「</head>の直前に「グローバルサイトタグを挿入すればよい」とありますが、「テーマヘッダー」(header.php)の_g2と_g3にはそれぞれ</head>が一か所だけあります。

    これらの</head>の直前に挿入すればよいのでしょうか。

      補足日時：2021/10/14 00:36
    通報する

  • ご指示通りにWAFの設定を一度OFFにして、もう一度Insert Headers and Footersにコードを差し込み「Save」をクリックしましたら今度は弾かれませんでした。更に反映されてか否か定かではありませんが直後に「Google Analyticsへようこそ」メールが届きました。

    気になっていたテーマヘッダー」(header.php)ファイル内の_g2と_g３を覗いて見ましたが何も変化はありませんでした。元々関係ないファイルだったのでしょうか。であれば恥ずかしながら「おバカ」な話ですね。

    念のためお名前.comのWAFをONに戻しておきました。

    これでWordPress内でのGoogle Analyticsの設定は済んだことになるのでしょうか。もし今回の設定が無事完了でしたら何とお礼を言ってよいやら、、、。日程を見て次はConsoleですが、、、。

      補足日時：2021/10/14 01:30
    通報する

  • Google Analyticsの設定はタグが弾かれなかったのでひと段落きましたが、その他、メニュー内の英語ページ(固定ページ)をブラウザ(Chromeで)開くと以下の表示が赤い背景で出てきてしまいます：

    「ご利用のブラウザは安全ではありません
    ご利用の Internet Explorer は古いブラウザで Microsoft社も利用は危険であると発信しています。このウェブサイトも Internet Explorer での表示は保証しておりません。
    最新のモダンブラウザ（Microsoft EdgeやGoogle Chromeなど）をお使いください。
    もし Edge をご利用中でもこのメッセージが表示される場合は IE モードになっていないか確認してください。」

    お時間のある時にも解決法をご教示いただけましたら幸いに存じます。

    申し訳ありませんが宜しくお願いいたします。

      補足日時：2021/10/14 01:58
    通報する

  • お世話さまです。

    「goo教えて」に質問していますが全く回答してもらえません。

    件名：　Googleアナリティックス内に登録したGoogle サーチ コンソールが連携できません。

    お時間があるときにでも見ていただきたいと思っております。具体的にはアナリティックスヘルプ サイトの「アナリティクスで Search Console のデータを設定する」で指示されている通りに進んでも「Search Console のデータ共有機能を有効にするプロパティ」が表示されていません。また、「サービス間のリンク設定」にも「Google広告とのリンク」、「アドマネージャーとのリンク」、「Big Queryのリンク設定」のみ表示されておりSearch Consoleへのリンクは表示がありません。

    昨日サーチコンソールに登録したので繁栄に数日かかるのでしょうか。

    宜しくお願いいたします。

      補足日時：2021/10/17 10:03
    通報する
通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (12件中11～12件)

No.2

  • 回答者： nana_coco
  • 回答日時：

ヘッダーの枠内にアナリティクスのコードを書き込むだけなので簡単だと思います。



と書きました通り <head>の枠内だけで大丈夫です。
    • good
    • 0
    • 件
通報する
この回答へのお礼

nana_cocoさま、

大変有難うございます。早速試してみて問題ありましたら改めてご相談したいと思います。

また、Google Searchで自社名をKeywordに検索しても引っ掛かってくれません。これはなぜかご存じでしょうか。

よろしくお願いいたします。

通報する
お礼日時：2021/10/13 23:16

No.1

  • 回答者： nana_coco
  • 回答日時：

テーマのヘッダーに直接アナリティクスのコードを埋め込んでもいいのですが、テーマが更新した時に、追記した部分は消えてしまします。


その為、上記の方法は初心者にはおすすめできない方法です。

私は「Insert Headers and Footers」というプラグインを使用しています。
使い方は下記のサイトを見れば参考になるかと思います。
https://worpreya.com/insert-headers-and-footers- …

ヘッダーの枠内にアナリティクスのコードを書き込むだけなので簡単だと思います。
    • good
    • 0
    • 件
通報する
この回答へのお礼

早速の返答とアドバイス大変有難うございます。

ご教示いただきましたサイトを確認後に「Insert Headers and Footers」をインストールしましたが、サイトで説明してある「Insert Headers and Footersの設定方法 - 設定ページを開くと、入力欄が２種類あると思います。」部分につきまして当方の設定ページには３種類の入力欄があります。

Settingsとあり
- 「Scripts in Header」入力欄-その下に「These scripts will be printed in the <head> section.」
- 「Scripts in Body」入力欄-その下に「These scripts will be printed just below the opening <body> tag.」
さらにこの下に：
- 「Scripts in Footer」入力欄-その下に「These scripts will be printed above the closing </body> tag.」
→Footerとありますがclosing </body> tag.と入力欄下に明示されています。恐らく</body>の後に記述が可能なのでしょうか、、、。

以上、合計で３種類の入力欄があります。コピーを添付しますが小さくて申し訳ありません。

(1) これら全ての入力欄にGoogle Analyticsより取得したタグを貼り付ければよいのでしょうか。
(2) また、あまり気にしても仕様がないかも知れませんが、デメリット面のPHPタグが使えないとは管理者のサイト訪問やメンテナンスを行う場合もカウントされてしまい一般の訪問者との区別がつかなくなると言うことでしょうか。

勿論そんなに多くが訪問するサイトではないので本プラグインを使用して進めたいと思っております。

お忙しいところ恐縮ですがアドバイスの程宜しくお願いいたします。

通報する
お礼日時：2021/10/13 22:49

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報