Paano magdagdag ng paywall upgrade prompt gamit ang Google Tag Manager nang walang developer

Ni Andrey Davydov · na-update Setyembre 18, 2026

Soft paywall gamit ang Google Tag Manager: kapag nakarating ang free user sa paid feature, ipinapaliwanag ng modal ang upgrade at dinadala sa inyong pricing page — naka-target ayon sa plan, sinusukat, at editable nang walang release.

Oras: ● 20 minuto
Presyo: 14-araw na free trial, walang card
Sino ang gagawa: Sinumang maaaring mag-publish sa GTM

Halimbawa: upgrade prompt gamit ang Google Tag Manager

Ang reporting SaaS ay nagpapadala ng plan sa data layer. Kapag nag-click ang free user sa Export (data-tour="export") sa /app/reports, sinasabi ng modal “Ang Export to CSV at PDF ay nasa Pro” may link sa /pricing. Ang app mismo ay nagpapasya kung tumatakbo ang export.

Ang ginagawa at hindi ginagawa ng Clew. Nagpapakita ang Clew ng upgrade prompt — isang modal na may inyong text at link sa inyong sariling pricing o checkout page — sa mga user na pinili ng inyong mga rule. Hindi tumatanggap ng bayad ang Clew, hindi namamahala ng subscription, at hindi nagtatago o nagla-lock ng content: ang inyong app ang nagpapasya sa access, at ang inyong payment provider ang naniningil.

Ang format na ito ay bahagi ng Pro plan. Bawat bagong account ay nagsisimula sa 14-araw na free trial na may lahat na format at audience rules, walang card. Kapag nagtapos ang trial, walang nabubura at patuloy na ipinapakita ang mga naka-publish; nananatiling libre ang mga tour at tooltip sa Free plan.

Paano magdagdag ng paywall prompt gamit ang Google Tag Manager, step by step

Step 01
Kopyahin ang inyong Clew snippet
Gumawa ng libreng account (o mag-sign in), idagdag ang inyong site at buksan ang Buod sa admin. I-click ang line sa card na Walang signal mula sa widget pa. para kopyahin: nasa loob na ang tunay na site key sa halip ng placeholder.
```

<script src="https://tryclew.io/widget/ILAGAY_ANG_SITE_KEY.js" async></script>
```
Step 1 · eskematikong ilustrasyon
Step 02
Gumawa ng Custom HTML tag sa GTM
Sa tagmanager.google.com buksan ang inyong container, Tags → New → Tag Configuration → Custom HTML, at i-paste ang line ng Clew. Pangalanan ang tag na Clew widget.
Step 2 · eskematikong ilustrasyon
Step 03
I-fire sa All Pages
Sa Triggering piliin ang All Pages at i-save. I-load sa lahat na page: ang page kung saan lalabas ang paywall upgrade prompt ay itinatakda sa Clew, hindi sa GTM.
Step 3 · eskematikong ilustrasyon
Step 04
Preview, pagkatapos Submit at Publish
Tiyakin sa Preview na ang Clew widget ay nasa Tags Fired, pagkatapos Submit → Publish. Walang nagbabago sa live na site bago i-publish.
Step 4 · eskematikong ilustrasyon
Step 05
Isulat ang upgrade prompt
Sa Clew buksan ang Mga flow → + Bagong flow at piliin ang Modal window. Isang step: title na may benepisyo (“Ang Export to CSV ay nasa Pro”), isang pangungusap ng value, at sa Text ng link / URL ng link ang button at URL ng inyong pricing o checkout page.
Step 5 · eskematikong ilustrasyon

Step 06

Piliin kung saan, kailan at para kanino ipapakita

Sa parehong editor, sagutan ang Saan ipakita (URL ng page), Kailan ipakita, Pag-target ng audience at Frequency. Ito ang mga setting ng halimbawa sa itaas:

Setting	Value
Format	Modal window
Saan ipakita (URL ng page)	Seksyon ayon sa prefix `/app/reports`
Kailan ipakita	Kapag i-click ang element: `[data-tour="export"]`
Pag-target ng audience	Property `plan` ay equal sa `free`
Frequency	Bawat pagbisita

Tour editor ng Clew na may format, URL rule, trigger at audience rule (paywall upgrade prompt gamit ang Google Tag Manager) — Step 6 · eskematikong ilustrasyon

Step 07
I-publish at tingnan sa live na site
Itakda ang Status sa Naka-publish at i-save. Buksan ang page sa private window: tinatandaan ng Clew kung sino ang nakakita na ng item na “minsan”, kaya maaaring hindi ito ipakita sa inyong karaniwang browser. Ang mga view, completion at drop-off ay nasa stats.
Step 7 · eskematikong ilustrasyon

Mga dapat iwasan: paywall upgrade prompt gamit ang Google Tag Manager

Huwag gumamit ng History Change trigger

Sinusundan ng widget ang single-page navigation nang kusa. Ang ikalawang trigger sa History Change ay naglo-load muli ng script nang walang saysay.

Ipasa ang user property gamit ang ikalawang tag

Kung may value gaya ng plan ang inyong data layer, gumawa ng Data Layer Variable at ikalawang Custom HTML tag na tumatawag sa Clew.identify() gamit nito (tingnan ang halimbawa). I-fire sa event na may value, pagkatapos ng Clew tag.

I-update ang property pagkatapos ng upgrade

Ang mga property ay nasa browser hanggang magpadala ang app ng bagong value. Tawagin ang Clew.identify({ plan: "pro" }) pagkatapos ng matagumpay na upgrade, kung hindi ay patuloy na makikita ng bagong customer ang prompt.

Dapat may plan ang data layer

Maaaring ipasa ng tag manager lamang ang ibinigay na ng page. Kung walang plan value sa data layer, hilingin ito nang minsan o target ang cookie na itinatakda ng app.

Mga tanong at sagot

Paano nakarating ang plan sa Clew?

Tinatawag ng ikalawang Custom HTML tag ang Clew.identify({ plan: '{{DLV - plan}}' }) gamit ang Data Layer Variable.

Pinapabagal ba ng GTM ang paywall upgrade prompt?

Naglo-load ang widget sandali pagkatapos ng container. Ang item na Kaagad kapag nag-load ang page sa pinakaunang page view lamang ay maaaring lumabas nang kaunting huli kaysa direktang install.

Mababasa ba ng GTM ang plan ng user?

Kung ipinapadala ng site sa data layer lamang. Pagkatapos, ipinapasa ng Data Layer Variable ang value sa Clew.identify() sa Custom HTML tag.

Tumatanggap ba ng bayad ang Clew?

Hindi. Ang button ay link sa inyong sariling pricing page o checkout; hindi kailanman humahawak ang Clew ng card, subscription o access.

Libre ba ang paywall prompt?

Kailangan ng modal format at audience rule, na nasa Pro. Kasama sa 14-araw na trial, walang card.

Paano magdagdag ng paywall upgrade prompt gamit ang Google Tag Manager nang walang developer

Halimbawa: upgrade prompt gamit ang Google Tag Manager

Paano magdagdag ng paywall prompt gamit ang Google Tag Manager, step by step

Kopyahin ang inyong Clew snippet

Gumawa ng Custom HTML tag sa GTM

I-fire sa All Pages

Preview, pagkatapos Submit at Publish

Isulat ang upgrade prompt

Piliin kung saan, kailan at para kanino ipapakita

I-publish at tingnan sa live na site