Paano magdagdag ng onboarding checklist gamit ang Google Tag Manager nang walang developer

Ni Andrey Davydov · na-update Setyembre 18, 2026

Onboarding checklist gamit ang Google Tag Manager: apat na gawain, progress bar, at bawat item isang click mula sa tamang screen — sine-set up sa editor ng Clew, walang front-end na trabaho.

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

Halimbawa: onboarding checklist gamit ang Google Tag Manager

Ang B2B SaaS ay nagpapadala ng plan sa data layer. Ang mga trial user sa /app ay nakakakita ng “I-set up ang account”: ikonekta ang data source, gumawa ng dashboard, imbitahan ang kasamahan, mag-book ng onboarding. Ipinapasa ng ikalawang GTM tag ang plan sa Clew:

<script>window.TutorKit = window.TutorKit || { q: [], identify: function (p) { this.q.push(['identify', p]); } };
TutorKit.identify({ plan: '{{DLV - plan}}' });</script>

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 onboarding checklist 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 onboarding checklist 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 mga item ng checklist sa Clew
Sa Clew buksan ang Mga flow → + Bagong flow at piliin ang Onboarding checklist. Sagutan ang Title ng checklist at magdagdag ng 3–5 Mga item ng checklist: title na isang aksyon, isang line ng paliwanag, at sa URL ng link ang page kung saan ginagawa ito. Hindi kailangan ng selector.
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	Onboarding checklist
Saan ipakita (URL ng page)	Seksyon ayon sa prefix `/app`
Kailan ipakita	Kaagad kapag nag-load ang page
Pag-target ng audience	Property `plan` ay equal sa `trial`
Frequency	Minsan bawat bisita

Tour editor ng Clew na may format, URL rule, trigger at audience rule (onboarding checklist 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: onboarding checklist 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.

Hindi kilala ng tag manager ang user

Para target ayon sa plan o role gamit ang tag manager, dapat nagpapadala na ang app ng mga value sa data layer. Kung hindi, gumamit ng rule sa cookie na itinatakda ng app, o ipakita ang checklist sa mga page na nakikita lamang ng mga bagong user.

Isang listahan sa bawat pagkakataon

Habang bukas ang checklist, hindi nagsisimula ang widget ng ibang tour sa navigation. Gamitin ang checklist para sa setup phase at hayaang isara ito ng user; ang mga tour sa ibang page ay magsisimula pagkatapos.

Mga tanong at sagot

Kung walang plan ang data layer?

Ipakita ang checklist nang walang rule sa page na binubuksan ng trial user lamang, o target ang cookie na itinatakda na ng app.

Pinapabagal ba ng GTM ang onboarding checklist?

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.

Libre ba ang onboarding checklist?

Bahagi ito ng Pro. Bawat bagong account ay may 14-araw na trial na may checklist at audience rules, walang card. Kapag nagtapos ang trial, patuloy na ipinapakita ang mga naka-publish na checklist.

Kusang na-check ba ang mga item?

Na-check ang item kapag i-click ito ng user (nagbubukas ang link sa bagong tab). Ang awtomatikong pag-check ayon sa event ng app ay hindi pa available.

Paano magdagdag ng onboarding checklist gamit ang Google Tag Manager nang walang developer

Halimbawa: onboarding checklist gamit ang Google Tag Manager

Paano magdagdag ng onboarding checklist 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 mga item ng checklist sa Clew

Piliin kung saan, kailan at para kanino ipapakita

I-publish at tingnan sa live na site