23:I[80532,["https://cdn.supademo.com/v3.25.128/_next/static/chunks/1td92-whev87b.js","https://cdn.supademo.com/v3.25.128/_next/static/chunks/2lw_hg8812qf-.js","https://cdn.supademo.com/v3.25.128/_next/static/chunks/2-sjixrrszb7b.js","https://cdn.supademo.com/v3.25.128/_next/static/chunks/2nm-vdd1d1k_0.js","https://cdn.supademo.com/v3.25.128/_next/static/chunks/3xo6-h2m3txsp.js","https://cdn.supademo.com/v3.25.128/_next/static/chunks/3kbbbmt76bxii.js","https://cdn.supademo.com/v3.25.128/_next/static/chunks/1lwc43feoi2c8.js","https://cdn.supademo.com/v3.25.128/_next/static/chunks/19smqnel40bj3.js","https://cdn.supademo.com/v3.25.128/_next/static/chunks/0arg41s9s45xn.js","https://cdn.supademo.com/v3.25.128/_next/static/chunks/03cbij1tf-1aa.js","https://cdn.supademo.com/v3.25.128/_next/static/chunks/36k-3k236u26x.js","https://cdn.supademo.com/v3.25.128/_next/static/chunks/0z7x34nne243h.js","https://cdn.supademo.com/v3.25.128/_next/static/chunks/17d_ud81oimu0.js","https://cdn.supademo.com/v3.25.128/_next/static/chunks/11enlf3udlmsj.js","https://cdn.supademo.com/v3.25.128/_next/static/chunks/2jo_qx3cuh_qp.js","https://cdn.supademo.com/v3.25.128/_next/static/chunks/09avfn1e0ica7.js","https://cdn.supademo.com/v3.25.128/_next/static/chunks/0f00gpzhnip1t.js","https://cdn.supademo.com/v3.25.128/_next/static/chunks/0dh-gcuzjb-s5.js","https://cdn.supademo.com/v3.25.128/_next/static/chunks/1vf1pf80-iiwh.js","https://cdn.supademo.com/v3.25.128/_next/static/chunks/2yma_4r8y2mtr.js","https://cdn.supademo.com/v3.25.128/_next/static/chunks/1p5_v0ahgna_r.js","https://cdn.supademo.com/v3.25.128/_next/static/chunks/0v8-5_kddtfm3.js","https://cdn.supademo.com/v3.25.128/_next/static/chunks/3b_-ulcgd6oj8.js","https://cdn.supademo.com/v3.25.128/_next/static/chunks/3y_qvja1bzzgl.js","https://cdn.supademo.com/v3.25.128/_next/static/chunks/21u1ha53e9f18.js","https://cdn.supademo.com/v3.25.128/_next/static/chunks/1zsklqhlqkjc9.js","https://cdn.supademo.com/v3.25.128/_next/static/chunks/0egb5-n83336q.js","https://cdn.supademo.com/v3.25.128/_next/static/chunks/3f163oqmqrna9.js","https://cdn.supademo.com/v3.25.128/_next/static/chunks/19v1-1lfty0ne.js","https://cdn.supademo.com/v3.25.128/_next/static/chunks/3fy_rf2esc-y0.js","https://cdn.supademo.com/v3.25.128/_next/static/chunks/24_ifp67rtftg.js","https://cdn.supademo.com/v3.25.128/_next/static/chunks/4574aa3pk0gqn.js","https://cdn.supademo.com/v3.25.128/_next/static/chunks/1smeu1o5m5zyd.js","https://cdn.supademo.com/v3.25.128/_next/static/chunks/1w07f1tscgpso.js","https://cdn.supademo.com/v3.25.128/_next/static/chunks/1w4pf3y22nfkp.js","https://cdn.supademo.com/v3.25.128/_next/static/chunks/2z8n5zciw-daq.js","https://cdn.supademo.com/v3.25.128/_next/static/chunks/2ixj39j136lrc.js","https://cdn.supademo.com/v3.25.128/_next/static/chunks/0bx8fnnqyeh0j.js","https://cdn.supademo.com/v3.25.128/_next/static/chunks/0cxug7_1pe8s_.js","https://cdn.supademo.com/v3.25.128/_next/static/chunks/1_776vsoy65cr.js","https://cdn.supademo.com/v3.25.128/_next/static/chunks/0u39nv3jvxkzb.js","https://cdn.supademo.com/v3.25.128/_next/static/chunks/38re5_b16bkxm.js","https://cdn.supademo.com/v3.25.128/_next/static/chunks/10djhtrbhk3sw.js","https://cdn.supademo.com/v3.25.128/_next/static/chunks/0hguu9dlgyy3f.js","https://cdn.supademo.com/v3.25.128/_next/static/chunks/0shv0de36kusq.js","https://cdn.supademo.com/v3.25.128/_next/static/chunks/0-udw21x3u813.js","https://cdn.supademo.com/v3.25.128/_next/static/chunks/16xkixw5fwb_a.js","https://cdn.supademo.com/v3.25.128/_next/static/chunks/1jvkorfhy2hzd.js","https://cdn.supademo.com/v3.25.128/_next/static/chunks/2p4ofki6o1qx9.js","https://cdn.supademo.com/v3.25.128/_next/static/chunks/0j53_c8i208ko.js","https://cdn.supademo.com/v3.25.128/_next/static/chunks/19j-sk9t22_b0.js","https://cdn.supademo.com/v3.25.128/_next/static/chunks/1z9uzl7jp8dgt.js","https://cdn.supademo.com/v3.25.128/_next/static/chunks/0h7hlmz0m-62-.js","https://cdn.supademo.com/v3.25.128/_next/static/chunks/350rgf14x7sgr.js","https://cdn.supademo.com/v3.25.128/_next/static/chunks/2qkqhul4fqg4t.js","https://cdn.supademo.com/v3.25.128/_next/static/chunks/1akd1zuadq633.js","https://cdn.supademo.com/v3.25.128/_next/static/chunks/3o0gf83a_2ud9.js","https://cdn.supademo.com/v3.25.128/_next/static/chunks/368lwwjkmpo7c.js","https://cdn.supademo.com/v3.25.128/_next/static/chunks/44s4bkr02yt0y.js","https://cdn.supademo.com/v3.25.128/_next/static/chunks/0ckucvj96_ml0.js","https://cdn.supademo.com/v3.25.128/_next/static/chunks/12ytt05ct1dhk.js","https://cdn.supademo.com/v3.25.128/_next/static/chunks/02-y7fms6qlmp.js","https://cdn.supademo.com/v3.25.128/_next/static/chunks/0c2jdbtrxcg-z.js"],"EmbedViewPage",1] 24:T77b,

25:T7f9,

26:T800,

27:T740,

28:T317c,

株式会社OOO 田中太郎様
操作しながら学べる研修コンテンツを作る方法

操作デモを研修資料に組み込み、必要なときに自分で学び直せるトレーニング環境を作る方法をご紹介します。

To pick up a draggable item, press the space bar. While dragging, use the arrow keys to move the item. Press space again to drop the item in its new position, or press escape to cancel.

14:["$","$L23",null,{"demo":{"id":"cmvekackm0yl7qmcqtcsorxik","createdAt":"2026-10-19T01:14:24.167Z","updatedAt":"2026-10-19T05:00:27.052Z","title":"動的変数を設定してデモをパーソナライズする方法","published":true,"metadesc":"Supademoの動的変数機能を使って、名前や会社名などをデモ内に設定し、閲覧者ごとのパーソナライズリンクを作成する方法を紹介します。1つのデモを複製せず、相手に合わせた体験を効率よく届けられます。","ctabtntext":"デモツール Supademoの活用方法を学ぶ","ctabtncolor":"#3538cd","ctabtntextcolor":"#fff","ctabtnlink":"https://supademo.jp/?utm_source=supademo&utm_medium=powered-by_web&utm_campaign=powered-by_web","autoplay":false,"autoplayduration":2000,"autoPlayDelay":1000,"customizePerStep":false,"loop":false,"progressbar":false,"showPlayBar":true,"font":"Default","workspaceId":"cmegbv0ml013zvw0i9ontvxrh","darkmode":false,"shared":true,"border":true,"nextButton":true,"showSteps":false,"hotspotTextVisible":true,"hotspotAnimationVisible":true,"hotspotOpacity":100,"topBar":false,"displayAuthor":true,"displayDescription":true,"showSupademoLink":true,"showReplayButton":true,"showFullscreenButton":true,"showCCButton":true,"disableKeyboardNavigation":false,"captionsPosition":"Bottom","archived":false,"archivedAt":null,"brandLogo":"https://media.supademo.com/workspaces/cmegbv0ml013zvw0i9ontvxrh/DBxwz0zvn2uvwekmYv68u.png","allowDuplicate":false,"backgroundMusicUrl":null,"backgroundMusicVolume":50,"type":"HTML","fullWidth":true,"detectBrowserLanguage":true,"sourceLanguage":"Japanese","customFontId":null,"mobileHotspotView":true,"showWatermark":null,"watermarkLogoUrl":null,"watermarkText":null,"watermarkLink":null,"allowExternalComments":false,"currentPublishedVersion":1,"config":{"htmlDemos":{"updateDates":{"enabled":false}}},"steps":[{"id":"cmvekpk6p0ynbqmcqly4pxuky","hotspots":[],"chapter":{"id":"cmvekpk6y0yndqmcq9q5wawj5","buttons":[{"id":"cmvekpk7e0yngqmcqsu9sae7c","translatedTexts":[],"animation":"Ripple","btnColor":"#4f46e5","chapterId":"cmvekpk6y0yndqmcq9q5wawj5","color":"#fff","content":"動的変数の設定方法を見る","isBold":true,"isItalic":false,"isLinkExternal":false,"linkTxt":"cmvekb9od0ylbqmcqkbzpfsll","openInNewTab":true,"order":0}],"background":null,"formFields":[],"interestScreenSections":[],"translatedTexts":[],"backgroundId":null,"blurIntensity":24,"coverImageSource":"cmvekg2ka0ymbqmcqtb5obie1","coverImageType":"STEP","description":"

名前や会社名などの動的変数を設定し、1つのデモから閲覧者ごとにパーソナライズされた体験を作成する方法を学びます。

","descriptionColor":"#fff","emailValidationMode":"CompanyEmail","embedCode":null,"enabled":true,"heading":"

Supademoで動的変数を設定してデモをパーソナライズする方法

","headingColor":"#fff","labelledFormEnabled":false,"layout":"Left","logoAltText":null,"logoEnabled":true,"logoSource":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/screenshots/dtj03tGYT0ybXuzQeAzII.png","phoneValidationEnabled":false,"skip":false,"stepId":"cmvekpk6p0ynbqmcqly4pxuky","theme":"Dark","type":"Link"},"videoProject":null,"translatedTexts":[],"translatedMedia":[],"audio":null,"audioDuration":null,"audioLanguage":null,"audioText":null,"backdrop":"None","bgcolor":"#4f46e5","captionsUrl":null,"customDescription":null,"demoId":"cmvekackm0yl7qmcqtcsorxik","duration":null,"editedImage":null,"heightOrg":1624,"htmlCaptureId":null,"image":null,"imageHeight":"0","imageWidth":"688","imgState":null,"mediaAlignMode":"Top","mediaFitMode":"Cover","mouseXCooridnate":"0","mouseYCooridnate":"0","mute":null,"number":1,"pageUrl":null,"playbackRate":1,"preventScroll":false,"recordingSessionId":null,"scrollOverrides":null,"scrollTopOverride":null,"text":null,"textcolor":"#fff","transition":null,"trimEnd":100,"trimStart":0,"video":null,"videoDuration":null,"videoHeight":null,"videoProjectId":null,"videoWidth":null,"voice":null,"widthOrg":2880,"zoomHeight":null,"zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null},{"id":"cmvekb9od0ylbqmcqkbzpfsll","hotspots":[{"id":"cmvekb9oe0ylcqmcq4y1wnjv3","translatedTexts":[],"aiText":null,"aiTextVisible":false,"anchorNodeId":"499","anchorPosition":"BottomCenter","animation":"Pulse","backButtonAction":"Slide","backButtonBgColor":null,"backButtonDisabled":false,"backButtonText":null,"backButtonTextColor":null,"backButtonUrl":null,"bgcolor":"#3538cd","borderRadius":"Round","boxHeight":null,"boxWidth":null,"default":true,"hotspotWidth":"Medium","htmlValue":"

操作しながら学べる研修コンテンツを作る方法

","isVisible":true,"modalPosition":"Center","mouseXCooridnate":"35.078125","mouseYCooridnate":"48.20418334359606","nextButton":true,"nextButtonAction":"Slide","nextButtonBgColor":null,"nextButtonDisabled":false,"nextButtonText":null,"nextButtonTextColor":null,"nextButtonUrl":null,"nextslide":null,"number":1,"prevslide":null,"stepId":"cmvekb9od0ylbqmcqkbzpfsll","style":"Anchor","text":"まず、動的変数を追加したいテキスト部分をクリックして、チャプターのテキスト編集を開きます。","textAlign":"Left","textVisible":true,"textcolor":"#fff","timelineElementId":null,"tipposition":"right"}],"chapter":null,"videoProject":null,"translatedTexts":[],"translatedMedia":[],"audio":null,"audioDuration":null,"audioLanguage":null,"audioText":null,"backdrop":"None","bgcolor":"#4f46e5","captionsUrl":null,"customDescription":null,"demoId":"cmvekackm0yl7qmcqtcsorxik","duration":null,"editedImage":null,"heightOrg":1624,"htmlCaptureId":"https://media.supademo.com/html/cmegbv0ml013zvw0i9ontvxrh/cmvekackm0yl7qmcqtcsorxik/0565350057.json","image":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/xYDrIPUNwIUBDVz8l6Mox.jpg","imageHeight":"0","imageWidth":"688","imgState":null,"mediaAlignMode":"Top","mediaFitMode":"Cover","mouseXCooridnate":"35.078125","mouseYCooridnate":"48.20418334359606","mute":null,"number":2,"pageUrl":"https://app.supademo.com/demo/cmvejxjms04avz20jzrsjbvuf/edit","playbackRate":1,"preventScroll":false,"recordingSessionId":"1:47533174:1:4ywl4ylf","scrollOverrides":null,"scrollTopOverride":null,"text":null,"textcolor":"#fff","transition":null,"trimEnd":100,"trimStart":0,"video":null,"videoDuration":null,"videoHeight":null,"videoProjectId":null,"videoWidth":null,"voice":null,"widthOrg":2880,"zoomHeight":null,"zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null},{"id":"cmvekb9t20yleqmcqckg6g94i","hotspots":[{"id":"cmvekb9t20ylfqmcquknu8aw2","translatedTexts":[],"aiText":null,"aiTextVisible":false,"anchorNodeId":"996","anchorPosition":"BottomCenter","animation":"Pulse","backButtonAction":"Slide","backButtonBgColor":null,"backButtonDisabled":false,"backButtonText":null,"backButtonTextColor":null,"backButtonUrl":null,"bgcolor":"#3538cd","borderRadius":"Round","boxHeight":null,"boxWidth":null,"default":true,"hotspotWidth":"Medium","htmlValue":"

","isVisible":true,"modalPosition":"Center","mouseXCooridnate":"52.07383897569444","mouseYCooridnate":"53.59355757389162","nextButton":true,"nextButtonAction":"Slide","nextButtonBgColor":null,"nextButtonDisabled":false,"nextButtonText":null,"nextButtonTextColor":null,"nextButtonUrl":null,"nextslide":null,"number":3,"prevslide":null,"stepId":"cmvekb9t20yleqmcqckg6g94i","style":"Anchor","text":"テキスト編集メニューから {{name}} や {{company}} などの変数を選択して挿入します。\n\n共有時に入力した情報が、この変数部分へ自動的に反映されます。","textAlign":"Left","textVisible":true,"textcolor":"#fff","timelineElementId":null,"tipposition":"right"}],"chapter":null,"videoProject":null,"translatedTexts":[],"translatedMedia":[],"audio":null,"audioDuration":null,"audioLanguage":null,"audioText":null,"backdrop":"None","bgcolor":"#4f46e5","captionsUrl":null,"customDescription":null,"demoId":"cmvekackm0yl7qmcqtcsorxik","duration":null,"editedImage":null,"heightOrg":1624,"htmlCaptureId":"https://media.supademo.com/html/cmegbv0ml013zvw0i9ontvxrh/cmvekackm0yl7qmcqtcsorxik/3846099047.json","image":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/jZlONb87FixItdfHykdFy.jpg","imageHeight":"0","imageWidth":"688","imgState":null,"mediaAlignMode":"Top","mediaFitMode":"Cover","mouseXCooridnate":"52.07383897569444","mouseYCooridnate":"53.59355757389162","mute":null,"number":3,"pageUrl":"https://app.supademo.com/demo/cmvejxjms04avz20jzrsjbvuf/edit","playbackRate":1,"preventScroll":false,"recordingSessionId":"1:47533174:1:4ywl4ylf","scrollOverrides":null,"scrollTopOverride":null,"text":null,"textcolor":"#fff","transition":null,"trimEnd":100,"trimStart":0,"video":null,"videoDuration":null,"videoHeight":null,"videoProjectId":null,"videoWidth":null,"voice":null,"widthOrg":2880,"zoomHeight":null,"zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null},{"id":"cmvekcqmc0ylqqmcqj49nx7ty","hotspots":[{"id":"cmvekcqmc0ylrqmcqenzu7oa5","translatedTexts":[],"aiText":null,"aiTextVisible":false,"anchorNodeId":"932","anchorPosition":"BottomCenter","animation":"Pulse","backButtonAction":"Slide","backButtonBgColor":null,"backButtonDisabled":false,"backButtonText":null,"backButtonTextColor":null,"backButtonUrl":null,"bgcolor":"#3538cd","borderRadius":"Round","boxHeight":null,"boxWidth":null,"default":true,"hotspotWidth":"Medium","htmlValue":"$24","isVisible":true,"modalPosition":"Center","mouseXCooridnate":"22.15630425347222","mouseYCooridnate":"94.26955049261085","nextButton":true,"nextButtonAction":"Slide","nextButtonBgColor":null,"nextButtonDisabled":false,"nextButtonText":null,"nextButtonTextColor":null,"nextButtonUrl":null,"nextslide":null,"number":6,"prevslide":null,"stepId":"cmvekcqmc0ylqqmcqj49nx7ty","style":"Anchor","text":"動的変数を設定したら、「Save」をクリックしてチャプターの変更内容を保存します。","textAlign":"Left","textVisible":true,"textcolor":"#fff","timelineElementId":null,"tipposition":"top"}],"chapter":null,"videoProject":null,"translatedTexts":[],"translatedMedia":[],"audio":null,"audioDuration":null,"audioLanguage":null,"audioText":null,"backdrop":"None","bgcolor":"#4f46e5","captionsUrl":null,"customDescription":null,"demoId":"cmvekackm0yl7qmcqtcsorxik","duration":null,"editedImage":null,"heightOrg":1624,"htmlCaptureId":"https://media.supademo.com/html/cmegbv0ml013zvw0i9ontvxrh/cmvekackm0yl7qmcqtcsorxik/0576835880.json","image":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/ifFbBKeuUS1r6vLImxGOj.jpg","imageHeight":"0","imageWidth":"688","imgState":null,"mediaAlignMode":"Top","mediaFitMode":"Cover","mouseXCooridnate":"22.15630425347222","mouseYCooridnate":"94.26955049261085","mute":null,"number":4,"pageUrl":"https://app.supademo.com/demo/cmvejxjms04avz20jzrsjbvuf/edit","playbackRate":1,"preventScroll":false,"recordingSessionId":"1:47533174:1:4ywl4ylf","scrollOverrides":null,"scrollTopOverride":null,"text":null,"textcolor":"#fff","transition":null,"trimEnd":100,"trimStart":0,"video":null,"videoDuration":null,"videoHeight":null,"videoProjectId":null,"videoWidth":null,"voice":null,"widthOrg":2880,"zoomHeight":null,"zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null},{"id":"cmvekd9iw0ylzqmcq2hx85llu","hotspots":[{"id":"cmvekd9iw0ym0qmcq2rq180v4","translatedTexts":[],"aiText":null,"aiTextVisible":false,"anchorNodeId":"79","anchorPosition":"BottomCenter","animation":"Pulse","backButtonAction":"Slide","backButtonBgColor":null,"backButtonDisabled":false,"backButtonText":null,"backButtonTextColor":null,"backButtonUrl":null,"bgcolor":"#3538cd","borderRadius":"Round","boxHeight":null,"boxWidth":null,"default":true,"hotspotWidth":"Medium","htmlValue":"$25","isVisible":true,"modalPosition":"Center","mouseXCooridnate":"86.43527560763889","mouseYCooridnate":"3.52043565270936","nextButton":true,"nextButtonAction":"Slide","nextButtonBgColor":null,"nextButtonDisabled":false,"nextButtonText":null,"nextButtonTextColor":null,"nextButtonUrl":null,"nextslide":null,"number":9,"prevslide":null,"stepId":"cmvekd9iw0ylzqmcq2hx85llu","style":"Anchor","text":"次に、「Share」をクリックして共有設定を開き、閲覧者ごとのパーソナライズリンクを作成します。","textAlign":"Left","textVisible":true,"textcolor":"#fff","timelineElementId":null,"tipposition":"bottom"}],"chapter":null,"videoProject":null,"translatedTexts":[],"translatedMedia":[],"audio":null,"audioDuration":null,"audioLanguage":null,"audioText":null,"backdrop":"None","bgcolor":"#4f46e5","captionsUrl":null,"customDescription":null,"demoId":"cmvekackm0yl7qmcqtcsorxik","duration":null,"editedImage":null,"heightOrg":1624,"htmlCaptureId":"https://media.supademo.com/html/cmegbv0ml013zvw0i9ontvxrh/cmvekackm0yl7qmcqtcsorxik/9430174954.json","image":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/mB61TTPDeUWxnRyiCx6co.jpg","imageHeight":"0","imageWidth":"688","imgState":null,"mediaAlignMode":"Top","mediaFitMode":"Cover","mouseXCooridnate":"86.43527560763889","mouseYCooridnate":"3.52043565270936","mute":null,"number":5,"pageUrl":"https://app.supademo.com/demo/cmvejxjms04avz20jzrsjbvuf/edit","playbackRate":1,"preventScroll":false,"recordingSessionId":"1:47533174:1:4ywl4ylf","scrollOverrides":null,"scrollTopOverride":null,"text":null,"textcolor":"#fff","transition":null,"trimEnd":100,"trimStart":0,"video":null,"videoDuration":null,"videoHeight":null,"videoProjectId":null,"videoWidth":null,"voice":null,"widthOrg":2880,"zoomHeight":null,"zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null},{"id":"cmveke3r60ym2qmcqjgu9eh57","hotspots":[{"id":"cmveke3r70ym3qmcq50fk6o2s","translatedTexts":[],"aiText":null,"aiTextVisible":false,"anchorNodeId":"1268","anchorPosition":"BottomCenter","animation":"Pulse","backButtonAction":"Slide","backButtonBgColor":null,"backButtonDisabled":false,"backButtonText":null,"backButtonTextColor":null,"backButtonUrl":null,"bgcolor":"#3538cd","borderRadius":"Round","boxHeight":null,"boxWidth":null,"default":true,"hotspotWidth":"Medium","htmlValue":"$26","isVisible":true,"modalPosition":"Center","mouseXCooridnate":"73.0859375","mouseYCooridnate":"57.75717749384236","nextButton":true,"nextButtonAction":"Slide","nextButtonBgColor":null,"nextButtonDisabled":false,"nextButtonText":null,"nextButtonTextColor":null,"nextButtonUrl":null,"nextslide":null,"number":10,"prevslide":null,"stepId":"cmveke3r60ym2qmcqjgu9eh57","style":"Anchor","text":"「Create Link」をクリックします。ここから、同じデモをベースに閲覧者ごとの専用リンクを作成できます。","textAlign":"Left","textVisible":true,"textcolor":"#fff","timelineElementId":null,"tipposition":"top"}],"chapter":null,"videoProject":null,"translatedTexts":[],"translatedMedia":[],"audio":null,"audioDuration":null,"audioLanguage":null,"audioText":null,"backdrop":"None","bgcolor":"#4f46e5","captionsUrl":null,"customDescription":null,"demoId":"cmvekackm0yl7qmcqtcsorxik","duration":null,"editedImage":null,"heightOrg":1624,"htmlCaptureId":"https://media.supademo.com/html/cmegbv0ml013zvw0i9ontvxrh/cmvekackm0yl7qmcqtcsorxik/2646549327.json","image":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/vLFGaFZ6Sj_Fq3dXIsRvq.jpg","imageHeight":"0","imageWidth":"688","imgState":null,"mediaAlignMode":"Top","mediaFitMode":"Cover","mouseXCooridnate":"73.0859375","mouseYCooridnate":"57.75717749384236","mute":null,"number":6,"pageUrl":"https://app.supademo.com/demo/cmvejxjms04avz20jzrsjbvuf/edit","playbackRate":1,"preventScroll":false,"recordingSessionId":"1:47533174:1:4ywl4ylf","scrollOverrides":null,"scrollTopOverride":null,"text":null,"textcolor":"#fff","transition":null,"trimEnd":100,"trimStart":0,"video":null,"videoDuration":null,"videoHeight":null,"videoProjectId":null,"videoWidth":null,"voice":null,"widthOrg":2880,"zoomHeight":null,"zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null},{"id":"cmvekehff0ym5qmcqr6vzk4wj","hotspots":[],"chapter":null,"videoProject":null,"translatedTexts":[],"translatedMedia":[],"audio":null,"audioDuration":null,"audioLanguage":null,"audioText":null,"backdrop":"None","bgcolor":"#4f46e5","captionsUrl":null,"customDescription":null,"demoId":"cmvekackm0yl7qmcqtcsorxik","duration":null,"editedImage":null,"heightOrg":1624,"htmlCaptureId":"https://media.supademo.com/html/cmegbv0ml013zvw0i9ontvxrh/cmvekackm0yl7qmcqtcsorxik/3607144341.json","image":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/GUnhngeMK7Y00ekfs48h8.jpg","imageHeight":"0","imageWidth":"688","imgState":null,"mediaAlignMode":"Top","mediaFitMode":"Cover","mouseXCooridnate":"48.41606987847222","mouseYCooridnate":"53.48724214901478","mute":null,"number":7,"pageUrl":"https://mail.google.com/mail/u/0/#inbox","playbackRate":1,"preventScroll":false,"recordingSessionId":"1:47533043:1:aug56i9r","scrollOverrides":null,"scrollTopOverride":null,"text":null,"textcolor":"#fff","transition":null,"trimEnd":100,"trimStart":0,"video":null,"videoDuration":null,"videoHeight":null,"videoProjectId":null,"videoWidth":null,"voice":null,"widthOrg":2880,"zoomHeight":null,"zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null},{"id":"cmvekfkuw0ym8qmcqzc22qfya","hotspots":[],"chapter":null,"videoProject":null,"translatedTexts":[],"translatedMedia":[],"audio":null,"audioDuration":null,"audioLanguage":null,"audioText":null,"backdrop":"None","bgcolor":"#4f46e5","captionsUrl":null,"customDescription":null,"demoId":"cmvekackm0yl7qmcqtcsorxik","duration":null,"editedImage":null,"heightOrg":1624,"htmlCaptureId":"https://media.supademo.com/html/cmegbv0ml013zvw0i9ontvxrh/cmvekackm0yl7qmcqtcsorxik/5785657575.json","image":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/y4uY7qNRVM9xQIKVxlJws.jpg","imageHeight":"0","imageWidth":"688","imgState":null,"mediaAlignMode":"Top","mediaFitMode":"Cover","mouseXCooridnate":"73.25358072916667","mouseYCooridnate":"77.34663639162561","mute":null,"number":8,"pageUrl":"https://mail.google.com/mail/u/0/#inbox","playbackRate":1,"preventScroll":false,"recordingSessionId":"1:47533043:1:aug56i9r","scrollOverrides":null,"scrollTopOverride":null,"text":null,"textcolor":"#fff","transition":null,"trimEnd":100,"trimStart":0,"video":null,"videoDuration":null,"videoHeight":null,"videoProjectId":null,"videoWidth":null,"voice":null,"widthOrg":2880,"zoomHeight":null,"zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null},{"id":"cmvekg2ka0ymbqmcqtb5obie1","hotspots":[{"id":"cmvekg2ka0ymcqmcqeiambwd5","translatedTexts":[],"aiText":null,"aiTextVisible":false,"anchorNodeId":"1370","anchorPosition":"BottomCenter","animation":"Pulse","backButtonAction":"Slide","backButtonBgColor":null,"backButtonDisabled":false,"backButtonText":null,"backButtonTextColor":null,"backButtonUrl":null,"bgcolor":"#3538cd","borderRadius":"Round","boxHeight":null,"boxWidth":null,"default":true,"hotspotWidth":"Medium","htmlValue":"$27","isVisible":true,"modalPosition":"Center","mouseXCooridnate":"60.73187934027777","mouseYCooridnate":"76.13242764778325","nextButton":true,"nextButtonAction":"Slide","nextButtonBgColor":null,"nextButtonDisabled":false,"nextButtonText":null,"nextButtonTextColor":null,"nextButtonUrl":null,"nextslide":null,"number":13,"prevslide":null,"stepId":"cmvekg2ka0ymbqmcqtb5obie1","style":"Anchor","text":"作成されたリンクの「Copy link」をクリックして共有します。\n\nリンクごとに閲覧者を分けられるため、個別のデモ体験を届けながら管理できます。","textAlign":"Left","textVisible":true,"textcolor":"#fff","timelineElementId":null,"tipposition":"top"}],"chapter":null,"videoProject":null,"translatedTexts":[],"translatedMedia":[],"audio":null,"audioDuration":null,"audioLanguage":null,"audioText":null,"backdrop":"None","bgcolor":"#4f46e5","captionsUrl":null,"customDescription":null,"demoId":"cmvekackm0yl7qmcqtcsorxik","duration":null,"editedImage":null,"heightOrg":1624,"htmlCaptureId":"https://media.supademo.com/html/cmegbv0ml013zvw0i9ontvxrh/cmvekackm0yl7qmcqtcsorxik/1982802935.json","image":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/u8DiOPqrcBs2v1G6gK2du.jpg","imageHeight":"0","imageWidth":"688","imgState":null,"mediaAlignMode":"Top","mediaFitMode":"Cover","mouseXCooridnate":"60.73187934027777","mouseYCooridnate":"76.13242764778325","mute":null,"number":9,"pageUrl":"https://mail.google.com/mail/u/0/#inbox","playbackRate":1,"preventScroll":false,"recordingSessionId":"1:47533043:1:aug56i9r","scrollOverrides":null,"scrollTopOverride":null,"text":null,"textcolor":"#fff","transition":null,"trimEnd":100,"trimStart":0,"video":null,"videoDuration":null,"videoHeight":null,"videoProjectId":null,"videoWidth":null,"voice":null,"widthOrg":2880,"zoomHeight":null,"zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null},{"id":"cmvekk8tn0ymeqmcq5dvfm4wh","hotspots":[{"id":"cmvekk8tn0ymfqmcqbbkvucd2","translatedTexts":[],"aiText":null,"aiTextVisible":false,"anchorNodeId":"111","anchorPosition":"MiddleRight","animation":"Pulse","backButtonAction":"Slide","backButtonBgColor":null,"backButtonDisabled":false,"backButtonText":null,"backButtonTextColor":null,"backButtonUrl":null,"bgcolor":"#3538cd","borderRadius":"Round","boxHeight":null,"boxWidth":null,"default":true,"hotspotWidth":"Large","htmlValue":"$28","isVisible":true,"modalPosition":"Center","mouseXCooridnate":"89.03103298611111","mouseYCooridnate":"54.50806265394089","nextButton":true,"nextButtonAction":"Slide","nextButtonBgColor":null,"nextButtonDisabled":false,"nextButtonText":null,"nextButtonTextColor":null,"nextButtonUrl":null,"nextslide":null,"number":14,"prevslide":null,"stepId":"cmvekk8tn0ymeqmcq5dvfm4wh","style":"Anchor","text":"閲覧者が専用リンクを開くと、設定した {{name}} や {{company}} が入力内容に置き換わります。\n\n1つのデモから、相手ごとにパーソナライズされた体験を効率よく提供できます。","textAlign":"Left","textVisible":true,"textcolor":"#fff","timelineElementId":null,"tipposition":"left"}],"chapter":null,"videoProject":null,"translatedTexts":[],"translatedMedia":[],"audio":null,"audioDuration":null,"audioLanguage":null,"audioText":null,"backdrop":"None","bgcolor":"#4f46e5","captionsUrl":null,"customDescription":null,"demoId":"cmvekackm0yl7qmcqtcsorxik","duration":null,"editedImage":null,"heightOrg":1624,"htmlCaptureId":"https://media.supademo.com/html/cmegbv0ml013zvw0i9ontvxrh/cmvekackm0yl7qmcqtcsorxik/2691988239.json","image":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/qhCglRcy-07r1bibYJCqg.jpg","imageHeight":"0","imageWidth":"688","imgState":null,"mediaAlignMode":"Top","mediaFitMode":"Cover","mouseXCooridnate":"89.03103298611111","mouseYCooridnate":"54.50806265394089","mute":null,"number":10,"pageUrl":"https://app.supademo.com/demo/cmvekfj5z03gi0m0j8pi08p3f","playbackRate":1,"preventScroll":false,"recordingSessionId":"1:47533191:1:orgc1p0h","scrollOverrides":null,"scrollTopOverride":null,"text":null,"textcolor":"#fff","transition":null,"trimEnd":100,"trimStart":0,"video":null,"videoDuration":null,"videoHeight":null,"videoProjectId":null,"videoWidth":null,"voice":null,"widthOrg":2880,"zoomHeight":null,"zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null},{"id":"cmvekpkct0yniqmcqakel7mcn","hotspots":[],"chapter":{"id":"cmvekpkd20ynkqmcqh9hcexor","buttons":[{"id":"cmvekpkds0ynoqmcqyvxme2zr","translatedTexts":[],"animation":"Ripple","btnColor":"#3538cd","chapterId":"cmvekpkd20ynkqmcqh9hcexor","color":"#fff","content":"Supademoで最初のデモを無料で作成する","isBold":true,"isItalic":false,"isLinkExternal":true,"linkTxt":"https://supademo.cello.so/bbJZVvgWsS1","openInNewTab":true,"order":0}],"background":null,"formFields":[],"interestScreenSections":[],"translatedTexts":[],"backgroundId":null,"blurIntensity":24,"coverImageSource":null,"coverImageType":"NONE","description":"

動的変数とパーソナライズリンクを使えば、デモを複製することなく、名前や会社名などを閲覧者ごとに自動で差し替えられます。営業提案やオンボーディングなど、個別対応が必要な場面でも効率よく活用できます。

","descriptionColor":"#fff","emailValidationMode":"CompanyEmail","embedCode":null,"enabled":true,"heading":"

1つのデモから、相手に合わせた体験を届けましょう

","headingColor":"#fff","labelledFormEnabled":false,"layout":"Center","logoAltText":null,"logoEnabled":true,"logoSource":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/screenshots/OMFgvXrv9SVP2W6F_YsfH.svg","phoneValidationEnabled":false,"skip":false,"stepId":"cmvekpkct0yniqmcqakel7mcn","theme":"Dark","type":"Link"},"videoProject":null,"translatedTexts":[],"translatedMedia":[],"audio":null,"audioDuration":null,"audioLanguage":null,"audioText":null,"backdrop":"None","bgcolor":"#4f46e5","captionsUrl":null,"customDescription":null,"demoId":"cmvekackm0yl7qmcqtcsorxik","duration":null,"editedImage":null,"heightOrg":1624,"htmlCaptureId":null,"image":null,"imageHeight":"0","imageWidth":"688","imgState":null,"mediaAlignMode":"Top","mediaFitMode":"Cover","mouseXCooridnate":"0","mouseYCooridnate":"0","mute":null,"number":11,"pageUrl":null,"playbackRate":1,"preventScroll":false,"recordingSessionId":null,"scrollOverrides":null,"scrollTopOverride":null,"text":null,"textcolor":"#fff","transition":null,"trimEnd":100,"trimStart":0,"video":null,"videoDuration":null,"videoHeight":null,"videoProjectId":null,"videoWidth":null,"voice":null,"widthOrg":2880,"zoomHeight":null,"zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null}],"background":{"id":"cmvekacl60yl9qmcqqnr63ark","demoId":"cmvekackm0yl7qmcqtcsorxik","type":"Gradient","value":"linear-gradient(125deg, rgb(234, 234, 234) 0%, rgb(139, 139, 139) 100%)","workspaceId":"cmegbv0ml013zvw0i9ontvxrh"},"htmlEdits":[{"id":"CKv6_p0QfLUtb8iaETq27","changes":[],"demoId":"cmvekackm0yl7qmcqtcsorxik","edits":{"TextContent":{"id":"3sdSmEBhuiszZ_8dvvUI0","newValue":"yuto@supademo","oldValue":""}},"enabledStepId":null,"firstSiblingHash":"8d34e3201fb12782","grandparentHash":"a261be25aa0e4d6d","greatGrandparentHash":"68a88082c990e589","nodeHash":"0c8546062cb49288","nodeId":"476","parentHash":"f23ca94670ddce63","rejectedStepIds":[],"type":"Edit","xpath":"/html[1]/body[1]/div[3]/div[1]/div[1]/div[1]/div[1]/div[1]/div[2]/div[1]/main[1]/div[2]/div[2]/div[1]/div[1]/div[1]/div[1]/input[1]"},{"id":"R_d8NtOnIm0smnBKdZBTZ","changes":[],"demoId":"cmvekackm0yl7qmcqtcsorxik","edits":{"TextContent":{"id":"rdSyarTbpdnKRlf9rX5X3","newValue":"yuto@supademo","oldValue":"yuto@kaiwabloom.com"}},"enabledStepId":null,"firstSiblingHash":"8d34e3201fb12782","grandparentHash":"a261be25aa0e4d6d","greatGrandparentHash":"b8362241c3b2d1a2","nodeHash":"0c8546062cb49288","nodeId":"476","parentHash":"f23ca94670ddce63","rejectedStepIds":[],"type":"Edit","xpath":"/html[1]/body[1]/div[3]/div[1]/div[1]/div[1]/div[1]/div[1]/div[2]/div[1]/main[1]/div[2]/div[1]/div[1]/div[1]/div[1]/div[1]/input[1]"}],"translatedTexts":[],"translations":[],"customFont":null,"author":{"name":"Yuto","image":"https://lh3.googleusercontent.com/a/ACg8ocKYwzeg-LUFB0AEqZJHBCbgXTnA8WNL2CBSiZhCKq4C3zO_ykM=s96-c"},"workspace":{"id":"cmegbv0ml013zvw0i9ontvxrh","name":"Supademo","plan":"Growth","inTrial":false,"trackingEnabled":true,"subDomain":null,"customDomainEnabled":false,"color":"#3538cd","hotspottextcolor":"#fff","madein":true,"watermarkLogoUrl":"https://cdn.supademo.com/supademo_logo_icon.svg","watermarkText":"Supademoで作成","watermarkLink":"https://supademo.jp/?utm_source=supademo&utm_medium=powered-by_web&utm_campaign=powered-by_web","integrations":[]}},"variablesFromUrl":[],"viewerCountry":"US"}]

株式会社OOO 田中 太郎 様操作しながら学べる研修コンテンツを作る方法

操作しながら学べる研修コンテンツを作る方法

株式会社OOO 田中太郎様
操作しながら学べる研修コンテンツを作る方法