> For the complete documentation index, see [llms.txt](https://helps.ptengine.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://helps.ptengine.com/start-guide/quick/tag-setup.md).

# 基本タグの設置方法

### **基本タグとは**

Ptengineを利用するには、計測対象のページに特定のコードを設置する必要があります。このコードは「基本タグ」または単に「タグ」と呼ばれ、プロジェクトIDを含むJavaScriptコードです。

![](https://4061457514-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgRz7WrQwZOO6dfD8wRWy%2Fuploads%2Fgit-blob-89ce18cbae4e5f27a4a42a6c070e04b60b660306%2Fstart-guide-tag-setup-01.png?alt=media)

この基本タグをサイトに設置することで、数値データの収集やヒートマップを用いた顧客理解、さらにはポップアップやABテスト、パーソナライゼーションといった施策を一貫して実施できます。

導入は非常に簡単ですので、早速タグを設置し、Webサイトのユーザー体験とコンバージョン率の向上を目指しましょう！

### **タグの設置方法（推奨）**

タグは、サイトのHTMLに直接設置することが推奨されます。

ShopifyでPtengineを利用する場合は、HTMLに直接設置しないようにし、Shopifyの設定手順をご参照ください。

具体的な手順は以下の通りです：

{% stepper %}
{% step %}
**基本設定とタグ取得**

対象プロジェクトにアクセスし、「実装」ボタンをクリックします。または、プロジェクト名の横にある歯車アイコンから「基本設定とタグ取得」をクリックし、解析コードの設定に進んでください。

![](https://4061457514-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgRz7WrQwZOO6dfD8wRWy%2Fuploads%2Fgit-blob-f19fccbd7bf0fe948c788ece7d70f62a7d255ba9%2Fstart-guide-tag-gtm-01.png?alt=media)
{% endstep %}

{% step %}
**基本タグをコピー**

基本タグをコピーします。ミスを防ぐため、コピーボタンの使用をお勧めします。

![](https://4061457514-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgRz7WrQwZOO6dfD8wRWy%2Fuploads%2Fgit-blob-32fd4dcb333fc32e7872ceb92a2b2d43b9e2fd13%2Fstart-guide-tag-setup-03.png?alt=media)
{% endstep %}

{% step %}
**HTMLにアクセス**

計測したいサイトまたはページのHTMLにアクセスします。
{% endstep %}

{% step %}
**貼り付け**

`head`タグを見つけ、コピーしたタグをその中に貼り付けます。変更を保存し、ページを再読み込みしてください。
{% endstep %}
{% endstepper %}

## 🎦操作動画

{% embed url="<https://app.arcade.software/share/9Co1auPt7xkZweCU7ehH>" %}

### **【関連記事】**

HTMLに直接設置が難しい場合、[チラつき（フリッカー現象）](/faq/experience-edit/anti-flicker.md)が発生する可能性がありますのでご注意ください。