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

![](/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>
