> 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/experience/campaign/create-new.md).

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

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

![](https://4061457514-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgRz7WrQwZOO6dfD8wRWy%2Fuploads%2Fgit-blob-ed2a9dcb961fc91b0c417d5fe87b4072fdf26f20%2Fexperience-campaign-inline-edit-create-new-01.jpg?alt=media)

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

（例）

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

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

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

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

<figure><img src="https://4061457514-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgRz7WrQwZOO6dfD8wRWy%2Fuploads%2Fgit-blob-7c367de4b7fd08b3c698b8d5d245a1b575f8d4bc%2Fexperience-campaign-inline-edit-create-new-02.png?alt=media" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://4061457514-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgRz7WrQwZOO6dfD8wRWy%2Fuploads%2Fgit-blob-8a85ed49057192b43a5cf8be8883a532af6f7b15%2Fexperience-campaign-inline-edit-create-new-03.png?alt=media" alt=""><figcaption><p>すでに体験が作成されている場合</p></figcaption></figure>

<figure><img src="https://4061457514-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgRz7WrQwZOO6dfD8wRWy%2Fuploads%2Fgit-blob-08fe3c41ba729eeabfb418f521eebea20dc0d7cc%2Fexperience-campaign-inline-edit-create-new-04.png?alt=media" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://4061457514-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgRz7WrQwZOO6dfD8wRWy%2Fuploads%2Fgit-blob-428f2ccd87cc8e89e97a53c493473ba9a19f2833%2Fexperience-campaign-inline-edit-create-new-05.png?alt=media" alt=""><figcaption></figcaption></figure>
