常連

gtag('event', 'submit'....「gtag is not defined」になってしまいます。

GTMのインストールコードをWebサイトに読み込んでます。
※GTMのIDは伏せてます。

HTMLファイルに記述↓
```ここに言語を入力

<!DOCTYPE HTML>
<html lang="ja">
<head>

<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-MTXXXXX');</script>

```

```ここに言語を入力
<body>

<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MTXXXXX"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>

```

以下、送信完了した時に発火します。↓

```ここに言語を入力
          gtag('event', 'submit', {
            'event_category': 'form',
            'event_label': 'お問い合わせ'
          });
```
エラー↓

```ここに言語を入力
Uncaught ReferenceError: gtag is not defined
```

gtag('event', 'submit'....「gtag is not defined」になってしまいます。

### 前提・実現したいこと

iframe内にあるページ（以下、「子ページ」。親ページと同じドメインにあります）の
フォーム内の<button>のクリック数を
親ページのGoogleタグマネージャー(GTM)/Google Analytics(GA)で計測しようと試みています。

Google Analyticsで2重に集計しないようにするため、
子ページにはGTMのタグは設置しません。

Googleタグマネージャーについては、
ほぼ初めて利用しているため、どこが間違っているのか、合っているかもよくわからない状態です。

そもそもこのやり方、方向性自体が間違っているのかもしれないので、
コーディングを修正すればよいのか、まったく別の方法がありそうか、
ご教授いただけると幸いです。

### 該当のソースコード

###### 親ページに記述したJS
・#iframeは、iframeのID
・#submitは、iframe内のボタンにつけたID
・親ページにて、ChromeのデベロッパツールのConsoleで、この「click」は表示されるので、
　子ページからのデータを送ることはできているかもしれない。
・だが、GAではイベントの計測がされない。
・eventCategoryなどは、親ページにてテキストリンクで使っているものを流用しており、
　そのテキストリンクでは計測はできている。

```html
<script>
$(window).on("load", function(e){
    $("#iframe").contents().find("#submit").on("click", function(e){
        console.log("click");
        ga('send', { 
            hitType: 'event',
            eventCategory: 'CATEGORY',
            eventAction: 'ACTION',
            eventLabel: 'LABEL',
            eventValue: 1
            });
    });
});
</script>
```
----
###### 子ページに記述したJSとボタン
```HTML
<button type="button" class="ga_clikEvnt_count" id="submit">検索する</button>
```
※子ページにGTMタグを設置した場合は、
　このボタンをクリックしたときにイベントとして計測できることは確認済み。
　子ページにGTMタグを設置せずに、親ページのGTMタグで計測したい。

### 試したこと

・iframeの代わりにインクルードファイルやJSで読み込むことを試したが、
　子ページにあるJSと親ページのJSでコンフリクトが起こるため断念。
　（それぞれのJSが別会社が作ったモジュールのため改造するのが困難）

https://2m3g1.com/4599.html
こちらも参考にしてみましたが、計測できず。

iframe内にあるボタンを、親ページに設置したGoogle Analyticsで計測したい

Googleタグマネージャーでチャットツールを導入しようとしたところ、
「 引用テキスト無効な HTML、CSS、または JavaScript があります」
というエラーを起こし、タグを入れることができません。
色々調べていくとHTML非標準のタグはタグマネージャーに入れる事ができないという事がわかりました。

そこで、以下のブログを参考に動的にhtmlを作成するjavascriptを作ってみたのですが、記述を誤っているようで動作しません。
誤りの箇所と解決策を教えていただく事可能でしょうか
https://eguweb.jp/analytics/31817/

入れる事ができない要素は fgidのようです。

本来入れる必要のあるコード
```html

<script id="lampchat-widget" src="https://xxxxxxxxx" fgid="xxxxxxxxx" ></script>
```
記述したscript↓
```javascript
<script>
  (function () {
    var el = document.createElement("div");
    el.setAttribute("id", "lampchat-widget");
    el.setAttribute("src", "https://xxxxxxxxx");
    el.setAttribute("fgid", "xxxxxxxxx");
    document.body.appendChild(el);
  });
</script>

```

Googleタグマネージャーが「無効なhtml」というエラーを起こすhtmlタグを埋め込む方法について

### 前提・実現したいこと
AmebaOwndというWEBサイト作成サービスで作ったページ上でイベントトラッキングをし、Google Analytics(GA)にデータを送信したいです。

以下の制約があり、難航しております。
・ページの<head>タグ内の変更が不可
・上記により、Google Tag Manager(GTM)の使用が不可

そこで
「HTMLを挿入」機能を使って、Javascriptによるイベントトラッキングを試行してみました。




### 発生している問題・エラーメッセージ
「HTMLを挿入」機能を用いて以下のHTMLを挿入しました(バナー)。
```

<a href="URL" onClick="ga('send', 'event', 'category', 'action', 'label', 1, { 'nonInteraction': 0 });"> <img src=〜〜〜> </a>
```

表示されたバナーをクリックしたところ、以下のようなエラーがコンソールに表示され、イベントトラッキングに失敗しました。
```
Uncaught ReferenceError: ga is not defined at HTMLAnchorElement.onclick (19678537:1)
```

### 該当のソースコード

「HTMLを挿入」機能を使って挿入したHTMLは、実際のページを表示させた際には以下のようにiframeとして挿入されます
```HTML
<iframe seamless="" style="height: 736px;" class="js-mdrd-block-html-target block-html__frame"></iframe>
 <html>
  <head>
   <base target="_parent">
   <script>
    var parent = null
   </script>
  </head>
  <body>
   <a href="URL" onClick="ga('send', 'event', 'category', 'action', 'label', 1, { 'nonInteraction': 0 });"> <img src=〜〜〜> </a>
  </body>
 </html>
</iframe>
```

エラーを見る限り、おそらく、iframeの親フレームの<head>内にあるanalytics.js及びga関数(以下script)を呼び出せておりません。
```
<script>
 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
 if ('UA-171513306-1' && window.ga) {window.ga('create', 'UA-171513306-1', 'auto', {'name': 'usertrack'});}
</script>
```


ちなみに「HTMLを挿入」でHTMLを挿入すると、
iframeの<body>内に記載されますが、

`<script> </script>`を挿入すると、
挿入箇所は自動でiframeの<head>内に移る仕様なようです

### 試したこと
試しに親フレームのhead内にある
```
<script>
 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
 if ('UA-171513306-1' && window.ga) {window.ga('create', 'UA-171513306-1', 'auto', {'name': 'usertrack'});}
</script>
```
を子フレームのhead内に入れてみたところ、エラーは表示されなくなりましたが、イベントトラッキングもできていないようです。


### 


どのように修正したらよろしいでしょうか。
よろしくお願いいたします

iframe内におけるJavaScriptによるイベントトラッキング (Google Tag Managerを使えないAmebaOwnd上でイベントトラッキングを実現するために)

最近引き継いだサイトで、meta要素が何も設定されていないサイトがあります（なぜそんな仕様になっているかは謎です）。
Googleタグマネージャーの権限だけは現在持っている状態です。
指名検索でも該当サイトにたどり着けないので、早急にタイトルやディスクリプションを設定したいのですが、Googleタグマネージャーでmeta要素を設定することは可能でしょうか？最悪、OGP設定まではできなくても大丈夫です。

Googleタグマネージャーでmeta要素の設定は可能ですか？

### GTMでURLクエリパラメータの取得について

GTMで下記のような同一パラメータが複数付与されている場合の計測について
https://example.com?age=20&age=40&test=aaa&test=bbb

GTMにて変数のタイプ「URL」を選択し要素タイプ「クエリ」
クエリキーに「age」を試してみたのですが、
先頭になっている値「20」しか取得ができませんでした。

カスタムJavaScriptを用いて下記のような値に変換し出力することは可能でしょうか？

「age」の場合
20,40
「test」の場合
aaa,bbb

よろしくお願いいたします。

重複するURLクエリパラメータの取得について

Javascript初心者です。Google Tag ManagerのカスタムJavascript設定で使用します。
クリックした要素に対して、特定のクラス名を持った親要素のIDの値を取得したいです。

まず、クリックした要素に対して、特定のクラス名を持った親要素の中にある『h2』の値を取得した成功例を記載します。
{{Click Element}}はGoogle Tag Managerで用意されているクリックした要素を取得する組み込み変数です。

```Javascript
function () {
  return $({{Click Element}}).closest('.abcde').find('h2').text();
}
```
```HTML
<section class="abcde">
<h2>取得できたh2の値</h2>
<div class="x"><a href="#">クリックした要素</a</div>
</section>
```
上の成功例を変更して、今度は特定の親要素のIDの値を取得したいと考えています。
```HTML
<section class="abcde" id="この値を取得したい">
<h2>取得できたh2の値</h2>
<div class="x"><a href="#">クリックした要素</a></div>
</section>
```

試してみて失敗した例を下に記述します。
```Javascript
function () {
  return $({{Click Element}}).closest('.abcde').find('id').text();
}
```
```Javascript
function () {
  return $({{Click Element}}).closest('.abcde').id();
}
```
上ので取得できると思ったのですが、何の値も返ってきませんでした。
すいません、教えてください。
どうぞよろしくお願いします。

クリック要素に対して特定クラスが付与されている親要素のIDの値を取得したい

### 前提

javascript初心者です。
以前はcanonicalを書き換えての対応を質問いたしましたが、
新たに挿入する場合いどうしても上手くいきません。



### 実現したいこと

<link rel="canonical" href="http://example.com/">をGTM、カスタムjavascriptで挿入


### 発生している問題・エラーメッセージ

宣言した変数が文字として反映される

### 該当のソースコード

```javascript
var result = location.href.split('&');

var url =(
    result[result.length - 4]
);

var head = document.getElementsByTagName('head');
head[0].insertAdjacentHTML('beforeend' , '<link rel="canonical" href=${url}>');

```

### 試したこと

chromeのコンソールで確認しておりますが、href=${url}ここが上手く、
var urlで宣言した内容ができません。

初歩的な質問で申し訳ございません。
よろしくお願いいたします。
