# イベントが設定できない場合

この記事では、ビジュアルイベントが設定できない場合のよくある原因と現象、その対策についてまとめました。

## 主な原因 <a href="#id-0-toc-title" id="id-0-toc-title"></a>

ビジュアルイベント設定を利用いただくには以下の条件を満たす必要があります。これらの条件が満たされていないことが不具合の主な原因となりますので、まずはご確認ください。

* **該当ページにPtengineの基本タグが設置されていない**\
  基本タグが設置されていないと、ビジュアル設定画面を開くことができません。[「タグの設置確認方法」](https://help.ptengine.jp/docs/how-to-check-tagsetting/)にて確認し、設置されていない場合は設置してください。
* **設定画面のURL末尾にパラメータ「?ptengine-event-explore=open」がついていない**\
  イベント設定をしたいURLを選択すると、新しいタブで当該URLの末尾に「?ptengine-event-explore=open」というパラメータがついた画面が立ち上がります。タグ管理ツールでパラメータURLを制限している場合や、ページにリダイレクトをかけている場合、Ptengineのパラメータが削除されて開かない可能性がありますので設定状況をご確認ください。
* **Ptengine製品内から設定したいページを開いていない**\
  ビジュアル設定画面を開くには、イベント設定画面から設定したいURLを開く必要があります。詳しくは[「イベント設定」](https://help.ptengine.jp/docs/event-setting/)手順をご確認ください。

## 現象別の解決方法

### 設定画面に入っても反応がない <a href="#id-1-toc-title" id="id-1-toc-title"></a>

![](https://devhelp.ptengine.jp/wp-content/uploads/2023/02/%E3%82%B5%E3%82%A4%E3%83%88%E9%81%8B%E5%96%B6%E3%83%95%E3%82%9A%E3%83%A9%E3%83%83%E3%83%88%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A0_Ptengine-8.png)

【原因】\
Webサイト側で「?ptengine-event-explore=open」というパラメータを制限している。GTMのようなタグマネジャー利用してタグの設置範囲を調整している場合、よくあります。

【解決方法】\
タグ管理ツール側にて、Ptengineの基本タグのトリガー条件をパラメータ付きURLも含まれるように調整してください。\
詳しくは[「Ptengineのパラメータ一覧」](https://help.ptengine.jp/docs/pt_original_parameter/)もご参考ください。

### ツールバーが表示されない <a href="#id-2-toc-title" id="id-2-toc-title"></a>

設定画面を開いても、画面上部に下記のツールバーが表示されない場合

![](https://devhelp.ptengine.jp/wp-content/uploads/2023/02/%E3%82%B5%E3%82%A4%E3%83%88%E9%81%8B%E5%96%B6%E3%83%95%E3%82%9A%E3%83%A9%E3%83%83%E3%83%88%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A0_Ptengine-9.png)

【可能な原因と解決方法】

* **タグ管理ツールでタグの設置範囲を制限している場合**\
  タグ管理ツール側にて、Ptengineの基本タグのトリガー条件をパラメータ付きURLも含まれるように調整してください。詳しくは[「Ptengineのパラメータ一覧」](https://helps.ptengine.com/faq/tag-and-domain/ptengine-parameters)もご参考ください。
* **リダイレクトによって、パラメータが消された場合**\
  設定したいウェブサイトが外部サイトからのパラメーター追加を禁止している可能性がありますので、サイトの仕様をご確認くださ\
  または、PCでスマホ用のページを開く際にURLのリダイレクトを発生させるケースもよくあります。この場合は、ブラウザのディベロッパーツールでUA偽装した状態で操作してください。
* **ページに基本タグを2つ以上設置している、該当ページに設置したタグがプロジェクトのタグと一致していない**\
  タグの設置状況を今一度確認し、当該プロジェクトのタグを1つだけ設置してください。
* **上記でも解消できない場合、該当ページの一部のJSコードによりopener変数が変更されることが原因になっている可能性があります**\
  チャットサポートにお問い合わせください。

### クリックしても反応しない <a href="#id-3-toc-title" id="id-3-toc-title"></a>

設定画面を開き、要素は選択できるが、イベント設定ウィンドウの設定項目をクリックしても反応しない場合、こちらをご覧ください。

【可能の原因と解決方法】

* **基本んタグが重複して設置されている**\
  タグの設置状況を今一度確認し、当該プロジェクトのタグを1つだけ設置してください。
* **上記でも解消できない場合、該当サイトのJSがPtengineのロジックと衝突している可能性があります**\
  チャットサポートにお問い合わせください。

### 要素を選択できない <a href="#id-4-toc-title" id="id-4-toc-title"></a>

イベント設定画面を開いた後、設定したい要素を選択できない、または該当要素をクリックするとページ全体が選択されてしまう場合、以下の原因が考えられます。

【原因】\
対象サイトに「pointer-events:none」というCSSが入っている場合、Ptengineのビジュアル設定画面の仕様と衝突を起こし、Webサイト上のCSSが上書きされてしまい、特定の要素を指定してもページ全体が選択されてしまいます。

【解決方法】

1. イベントを設定画面にて、ディベロッパーツール（検証モード）を開く
2. bodyタグのclassに入っている「pt-event-cursor」CSSを削除する
3. その状態でイベント設定したい要素をクリックする

詳しくは以下の動画をご参考ください。<br>

<figure><img src="https://4061457514-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgRz7WrQwZOO6dfD8wRWy%2Fuploads%2FLLUMNTv0gC124GfKUETE%2F%E5%9B%B30423-2.gif?alt=media&#x26;token=60e3fa13-e50e-492b-a22f-7ae07fe5afb6" alt=""><figcaption></figcaption></figure>
