# ページ編集体験の作成ガイド

ページ編集は、Webサイトのコンテンツをビジュアル的に編集できるPtengine Experience独自の施策タイプです。

💡 主な特徴

* ノーコード/ローコードでの編集が可能
* オリジナルソースを保持したまま変更を適用
* テキスト、画像、ボタン、レイアウトなどの編集に対応
* 動画追加やHTML編集も実行可能

### 作成方法

ページ編集の開始方法は以下の2通りです：

1. ヒートマップ画面からの作成
2. Experienceの体験作成画面からの作成

🔍 以降のセクションでは、これらの作成手順について詳しく解説します。

{% hint style="danger" %}
📌 重要な注意点

ページ編集による変更は、オリジナルのソースコードとは別セットとして管理されるため、ページ読み込み時にフリッカー（ちらつき）が発生する可能性があります。

フリッカー現象を回避したい場合は、ページの\<head>内に直接設置することをお勧め致します。

詳しくは、「[ページ編集を使う前に必ずお読みください](/faq/experience-edit/anti-flicker.md)」をご覧ください。
{% endhint %}

{% hint style="info" %}
**動画↓↓↓**
{% endhint %}

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

***

{% hint style="info" %}
**テキスト↓↓↓**
{% endhint %}

#### **ヒートマップ画面から始める場合**

Webビュー画面右上の「施策する」ボタンからページ編集を選択すると、体験作成画面に入りページ編集を実行できます。

![](/files/M1pYJBhMCLaMIpUcZQeG)

例えば、下記のようなシーンでご活用ください。

（例）

・ヒートマップで「○○に関するユーザーの関心が高そう」と判断したら、ページ編集で○○のコンテンツを追加してみる

・スクロール到達率がページの△△％の場所で高くなっており、離脱の原因となっている可能性があるとしたら、△△周辺のコンテンツを削除しコンテンツを入れ替えてみる

#### **体験作成(Experience)から始める場合**

Experienceにて「初めての体験作成」から、ページ編集を選択します。

<figure><img src="/files/pQu1FRKJwHfP9CsOPAyX" alt=""><figcaption></figcaption></figure>

もしくは、「＋体験を新規作成」から、ページ編集を選択します。

<figure><img src="/files/v67qwFcXjvmQncGtoPp1" alt=""><figcaption><p>すでに体験が作成されている場合</p></figcaption></figure>

<figure><img src="/files/Lf5On11fAGfDwdnNWnz7" alt=""><figcaption></figcaption></figure>

オリジナルの体験を作成したい場合は「＋オリジナル作成」を、アイデアやテンプレートを参考にしたい場合はそれぞれのコンテンツをクリックし、体験名と編集ページを指定して編集をします。

<figure><img src="/files/gHpTKcYeWKXlAnKj5Nhs" alt=""><figcaption></figcaption></figure>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://helps.ptengine.com/experience/campaign/create-new.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
