# 如何新建页面编辑体验

### 如何快速上手你的第一个页面编辑 <a href="#ru-he-kuai-su-shang-shou-ni-de-di-yi-ge-ye-mian-bian-ji" id="ru-he-kuai-su-shang-shou-ni-de-di-yi-ge-ye-mian-bian-ji"></a>

如果位于体验列表，请选择【创建体验】。

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

点击创建【页面编辑】。

<figure><img src="/files/71BVVsugLq3jQFvSm0EY" alt=""><figcaption></figcaption></figure>

您可以在这里选择基于您自己的想法从原始页面开始创建，也可以从我们给出的一些场景参考开始创建。

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

在此，您可以选择您想要进行编辑的页面，这是您用于编辑的页面，如果您的修改想要在多个页面生效，您可以在后面的设置中进行设置。

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

### 制作内容

**编辑页面内容**

* 您可以点击选中页面的任意元素来进行编辑。
* 通过工具条进行文字编辑、图片更换、CTA文案编辑、链接替换、元素样式编辑。
* 对于需要交互才能出现的内容，例如tab切换或下拉框等等，可以通过右上角的【交互模式】来进行操作。
* 右上角的代码模式可以支持更多自定义CSS或JS。

**设备同步**

您可以点击智能手机编辑器顶部的【与PC同步】，将PC画布上的变更快速复制过来。 如果希望在不同设备上修改的内容略有不同，您也可以在两个设备下分别进行编辑。

<figure><img src="/files/2W5ClAuwnxQg3WsRc8rH" alt=""><figcaption></figcaption></figure>

### 预览与发布

点击【预览】可以查看页面编辑成品的样子。 完成全部设计后，点击【保存】。

<figure><img src="/files/2j2tX6S7psPSWz9HFbj1" alt=""><figcaption></figcaption></figure>

### 设置页面修改后的触发条件

**设置修改生效的页面**

![](https://help-ptengine-com-vitepress.oss-cn-guangzhou.aliyuncs.com/doc/Experience/page/1-1.png)

您可以在此界面来指定修改展示的页面范围。对于页面编辑，默认状态下紧展示在您编辑的页面上，但如果您修改的内容会在多个页面展示，例如网站导航，或是所有商品页面都有的加购按钮等等，您也可以通过包含、不包含、头匹配、尾匹配、完全匹配、正则表达式几种方式来匹配您想要展示的页面。

**设置触达人群**

![](https://help-ptengine-com-vitepress.oss-cn-guangzhou.aliyuncs.com/doc/Experience/page/1-2.png)

您可以根据特定的用户来展示修改或添加的内容，以提供最佳的体验。您可以根据以下几个角度来进行用户的筛选：

* 用户行为：根据用户是否访问过关键页面（如购买成功后的感谢页面URL）、是否完成过某个关键行为、以及来访次数来进行筛选。
* 访问属性：根据用户访问的来源、广告信息、地区、设备等属性来进行筛选。
* 用户标签：根据用户的标签属性如Email、年龄、喜好、会员等级等标签来进行筛选。这个需要您进行用户识别码的埋点，即可将用户信息发送给我们，了解[Identify埋点](https://gitlab.com/PtmindDev/ptx/ptengine-helps/-/blob/main/DOCS/zh/start-guide/identify-collection.md)。

**设置目标**

![](https://help-ptengine-com-vitepress.oss-cn-guangzhou.aliyuncs.com/doc/Experience/page/1-3.png)

基于修改页面内容的主要目的，在此设置修改目标，以评估效果。常见的目标有购买完成、预约完成、下载资料等等，目标的设置可以根据页面的访问（如购买或预约成功的感谢页面），或者发生关键事件行为来进行设置。

**页面修改定时或预约**

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

当您的页面修改涉及计划的某个活动时，您可以选择提前修改好您的页面，并在此预约在活动开始时自动发布到线上。另外您还可以根据活动时长来设置自动停止发布的时间点，并可以根据一周中的周期或时间来进行修改的展示。

**发布页面修改**

<figure><img src="/files/1pQUBeFQqPb4B3dwAVii" alt=""><figcaption></figcaption></figure>

完成全部设置后，在”发布“部分勾选确认，并点击【立刻发布】按钮，即可完成发布。

### 查看数据与持续改善 <a href="#cha-kan-shu-ju-yu-chi-xu-gai-shan" id="cha-kan-shu-ju-yu-chi-xu-gai-shan"></a>

**查看页面修改数据表现**

发布后，Ptengine将为您持续收集数据，您可以在报告中了解有多少人被展示了修改、有多少人达成了您设定的目标，以及被展示的人群的停留时长、访问的页面数以及访问跳出率。

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

**基于细分查看数据表现**

<figure><img src="/files/4zV5M47CwYB5h57NVmsC" alt=""><figcaption></figcaption></figure>

您可以根据设备、来源、广告信息、地域、用户标签等来进行细分查看不同的用户的数据表现，从而发现哪类用户对您的修改有着更高的目标达成率。

**热图查看修改后用户的行为**

<figure><img src="/files/odU5oC7lDPW7irnpwpU2" 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/cn/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.
