Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
WordPressでMautic / wp-zoomup-2019-07
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Hidetaka Okamoto
July 31, 2019
Technology
1.1k
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
WordPressでMautic / wp-zoomup-2019-07
Hidetaka Okamoto
July 31, 2019
More Decks by Hidetaka Okamoto
See All by Hidetaka Okamoto
OpenAI APIで API Changelogを要約してみた話 / chatgpt-osaka-1
hideokamoto
0
720
コミュニティ運営から 中の人に変わって感じたこと
hideokamoto
0
150
Developerが Developer Advocateになった話 / dev-rel-meetup-tokyo-71
hideokamoto
0
390
Jamstack開発者のための App Runner入門
hideokamoto
1
560
WordPressでの webサイト制作2022 / ngk2022s
hideokamoto
0
500
JavaScript(TypeScript)で メディアサイトを インフラから構築する方法 / jsconf-jp-2021
hideokamoto
2
4.4k
AWS上でStripeを利用したアプリをより安全にデプロイする方法 /jaws-pankration-2021
hideokamoto
1
250
Shifter Headlessと Headless WordPressの紹介
hideokamoto
0
2.2k
Stripe & Next.js + AWS Amplify で会員 + 定期課金機能 / JP_Stripes20210903
hideokamoto
7
3.3k
Other Decks in Technology
See All in Technology
生成AIエージェントを用いた、 手動テスト手順書から自動テストへの 変換手法の検討
magicpod
0
160
Claude Code本って、 読む必要あるの?
oikon48
2
470
あるけみー式LTスライド作成術
alchemy1115
2
220
越境するなら専門用語を使うな高校校歌 / If you wanna cross border, you shouldn't use jargon
vtryo
0
140
おい、エージェントを使って終わらせろ
nwiizo
1
620
データ_AIの事業の勝敗をわけるもの
nek0128
1
420
絵ではじめるKubernetesセキュリティ
aoi1
4
650
ソフトウェアDNAとクラウドエージェントのススメ
cloudace
0
110
OpenTelemetryのメトリクスをCloudWatchに送ってPromQLで見てみた
ota1022
0
150
CLIライブラリ開発を支える技術
htnabe
0
120
アクセスキーこわい やめかたと漏らさない工夫
sassssan68
1
360
GoのInterface内部構造から学ぶ!最高パフォーマンスを出すコード設計
yappli_developers
0
130
Featured
See All Featured
jQuery: Nuts, Bolts and Bling
dougneiner
66
8.6k
Navigating the Design Leadership Dip - Product Design Week Design Leaders+ Conference 2024
apolaine
2
430
Practical Orchestrator
shlominoach
192
12k
New Earth Scene 8
popppiees
4
2.6k
HTML-Aware ERB: The Path to Reactive Rendering @ RubyCon 2026, Rimini, Italy
marcoroth
5
670
Paper Plane (Part 1)
katiecoart
PRO
2
11k
A Tale of Four Properties
chriscoyier
163
24k
My Coaching Mixtape
mlcsv
0
310
How STYLIGHT went responsive
nonsquared
100
6.3k
We Have a Design System, Now What?
morganepeng
55
8.3k
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
inesmontani
PRO
0
700
Public Speaking Without Barfing On Your Shoes - THAT 2023
reverentgeek
1
570
Transcript
Wo rd P re s s Ͱ M A (
M a u t i c ) # 2 2 W P Z o o m U P #wpzoomup
# w p z o o m u p
# w p z o o m u p
# w p z o
H i d e t a k a O k
a m o t o • Digitalcube Co. Ltd. • Alexa Campions • AWS Samurai 2017 in Japan
None
Wo rd P re s s Ͱ M A #wpzoomup
M A Ͱ ͋ Γ ͕ ͪ ͳ צ ҧ
͍ • εςοϓϝʔϧτϦΨʔ৴Λ͍ͬͯΔ͔ΒMAόονϦʂ • ͱΓ͋͑ͣೖΕ͓͚͍͍ͯײ͡ʹͯ͘͠ΕΔΜͰ͠ΐʁ • MA͕͋ΕӦۀ׆ಈ͍Βͳ͍ʂʂ • ͔͔ͤͬͩ͘ΒطଘͷϑΥϩʔʹ͍͍ͨͳ #wpzoomup
M A Ͱ ͋ Γ ͕ ͪ ͳ צ ҧ
͍ • ࢿྉͷDLαΠτίϯςϯπͷύʔιφϥΠζͳͲଟذʹΔ • ͱΓ͋͑ͣೖΕ͓͚͍͍ͯײ͡ʹͯ͘͠ΕΔΜͰ͠ΐʁ • MA͕͋ΕӦۀ׆ಈ͍Βͳ͍ʂʂ • ͔͔ͤͬͩ͘ΒطଘͷϑΥϩʔʹ͍͍ͨͳ #wpzoomup
M A Ͱ ͋ Γ ͕ ͪ ͳ צ ҧ
͍ • ࢿྉͷDLαΠτίϯςϯπͷύʔιφϥΠζͳͲଟذʹΔ • ϚʔέςΟϯάͬͯͳ͍ͷʹԿΛࣗಈԽ͢ΔΜͰ͔͢ʁ • MA͕͋ΕӦۀ׆ಈ͍Βͳ͍ʂʂ • ͔͔ͤͬͩ͘ΒطଘͷϑΥϩʔʹ͍͍ͨͳ #wpzoomup
M A Ͱ ͋ Γ ͕ ͪ ͳ צ ҧ
͍ • ࢿྉͷDLαΠτίϯςϯπͷύʔιφϥΠζͳͲଟذʹΔ • ϚʔέςΟϯάͬͯͳ͍ͷʹԿΛࣗಈԽ͢ΔΜͰ͔͢ʁ • બఆͱҭ͕MAɺʹ͍ͬͯ͘ͷӦۀͰɺSFAͷྖҬ • ͔͔ͤͬͩ͘ΒطଘͷϑΥϩʔʹ͍͍ͨͳ #wpzoomup
M A Ͱ ͋ Γ ͕ ͪ ͳ צ ҧ
͍ • ࢿྉͷDLαΠτίϯςϯπͷύʔιφϥΠζͳͲଟذʹΔ • ϚʔέςΟϯάͬͯͳ͍ͷʹԿΛࣗಈԽ͢ΔΜͰ͔͢ʁ • બఆͱҭ͕MAɺʹ͍ͬͯ͘ͷӦۀͰɺSFAͷྖҬ • ͦΕCRMͷׂɺConcrete5͚ͷαΠτΛWPͰΓ·͔͢ʁ #wpzoomup
Ϛʔ έ ς Ο ϯ ά Λ Έ
Խ ͢ Δ • CMSPublishingΛΈԽͨ͠ • ϥΠςΟϯάɾϚʔΫΞοϓɾެ։ɾϦϯΫͷઃఆɾetc… • MAϚʔέςΟϯάΛΈԽ͢Δ • χϡʔεϨλʔ৴ɾݟࠐΈ٬ͷߜΓࠐΈɾetc… • ΈԽ͍ͨ͠ͷͳʹ͔Λ·ͣߟ͑Α͏ʢγφϦΦɾϑΝωϧetc…ʣ #wpzoomup
M a u t i c ʹ ͭ ͍ͯ •
OSSͷMAπʔϧ • LAMP (Linux / Apache / MySQL / PHP)Ͱಈ͘ • Symfonyϕʔε • ϗεςΟϯά൛͋ΔʢWP.orgͱWP.comʹ͍ۙʣ #wpzoomup
M a u t i c ͷ p ro s
/ c o n s • [cons] ίετ͔Β͡ΊΔ͜ͱ͕Ͱ͖Δ • [cons] WPͱࣅͨαʔόʔཁ݅Ͱ͑Δ • [cons] OSSͳͷͰཁɾόάमਖ਼ͳͲΛίʔυͰߦ͑Δ • [props] αʔόʔɾΞϓϦͷอकίετ • [props] ݸਓใΛେྔʹ๊͑ͨDBͷอकӡ༻ • [props] Τϯϓϥ͚MA SaaSʹαϙʔτ͕ͭ͘ #wpzoomup
ͦ ͷ ݸ ਓ ใ ͩ Ε ͕
ཧ ͠ · ͢ ͔ ʁ • ॅॴ / ࢯ໊ / ߦಈཤྺ / IPΞυϨε / etc… • WPҎ্ʹηΩϡϦςΟͷҙ͕ࣝඞཁʹͳΔ • ൜ରࡦɿDBαʔόʔ / ΞΫηε੍ݶ / FW / ҉߸Խ / etc… • μϝίϯɿ࠷খݶͷσʔλऩू / ෆཁσʔλͷআ / etc… #wpzoomup
W P Z O O M U P Ͱ ʢ
উ ख ʹ ʣ M a u t i c
W P Z o o m U P • ΦϯϥΠϯΠϕϯτΛఆظ։࠵
• ΠϕϯτϨϙʔτΛ৴ • ΠϕϯτࢀՃొ֎෦αʔϏε
W P Z O O M U P Ͱ Կ
Λ Ϛʔ έ ς Ο ϯ ά ͢ Δʁ • ʮΦϯϥΠϯΠϕϯτͷࢀՃΛଅ͢αΠτʯͱԾఆ • ࠓ͋ΔίϯςϯπΛ࣠ʹߟ͑Δ • Goal: αΠτΛݟͨਓ͕ɺΦϯϥΠϯΠϕϯτʹࢀՃ͢Δ • ·ͩࢀՃͨ͜͠ͱ͕ͳ͍ਓΛݟࠐΈ٬ͱఆ • ݟࠐΈ٬ͷCVϖʔδʢconnpassʣભҠ·ͰࣗಈԽ͢Δ #wpzoomup
M a u t i c Ͱ M A ͢
Δ ͨ Ί ʹ ඞ ཁ ͳ ͷ • Email Addressඞਢ • ͳͯ͘τϥοΩϯά͢Δɻͨͩ͠Ϧʔυ͕࡞ΒΕͳ͍ • Web্ͷߦಈΛτϥοΩϯά͢Δʹ+ Coookie͕ඞཁ • ͳʹ͔͠ΒͷܗͰWeb͔ΒEmailΛऔಘ͢Δඞཁ͕͋Δ #wpzoomup
E m a i l Λ ಘ Δ ͨ Ί
ʹ Θ Ε Δ ํ ๏ • Form: ࢿྉμϯϩʔυ / ͍߹Θͤ / χϡʔεϨλʔ / etc… • Member Page: ݶఆίϯςϯπ / ϑΥʔϥϜ / etc… • ΦϑϥΠϯ͔ΒΦϯϥΠϯɿ ϒʔε๚ -> ϝʔϧ -> LP / etc… #wpzoomup
W P Z o o m U P Ͱ
Δ ͳ Β ʢ ྫ ʣ • Form: ։࠵Ϩϙʔτͷϝʔϧ௨ -> ϝʔϧొϑΥʔϜ • Member Page: WP ZoomUPͷΦϯϥΠϯϑΥʔϥϜ • ΦϑϥΠϯ͔ΒΦϯϥΠϯɿ ϒʔε๚ -> ϝʔϧ -> LP / etc… #wpzoomup
ͬͯ Έ Δ #wpzoomup
M a u t i c Ͱ ։ ࠵ Ϩ
ϙʔ τ ͷ ϝʔϧ ड ৴ Λ ͬͯ Έ Δ
։ ࠵ Ϩϙ ʔ τ Λ ϝ ʔ ϧ ௨
͢ Δ 1. MauticͰϑΥʔϜΛ࡞͢Δ 2. WordPressʹຒΊࠐΉʢWP Mauticγϣʔτίʔυʣ 3. “։࠵Ϩϙʔτड৴رऀ”Ͱηάϝϯτ͢Δ 4. ϝʔϧΛ৴͢Δ #wpzoomup
η ο τΞ οϓ ฤ #wpzoomup
η άϝ ϯ τ Λ ࡞ Δ
M a u t i c ͷ η άϝ ϯ
τ ʹ ͭ ͍ͯ • ContactͷΧςΰϥΠζػೳɺෳઃఆՄೳ • ϝʔϧૹ৴࣌ɺηάϝϯτຖʹ৴͕Ͱ͖Δ • ContactͷใʹԠͯࣗ͡ಈৼΓ͚Մೳ • “֬”ʹ͍ͭͯεςʔδΛ͓͏ #wpzoomup
ε λ ϯ υ Ξ ϩ ʔϯ ϑ Υ ʔϜ
Λ ࡞ Δ • ΩϟϯϖʔϯϑΥʔϜ • “Ωϟϯϖʔϯ”ͷൃՐ • ελϯυΞϩʔϯϑΥʔϜ • ௨ৗͷϑΥʔϜ
ϝʔϧΞ υ Ϩε Λ ϑΟʔϧ υ ʹ ઃ ఆ
ૹ ৴ ࣌ ͷ ΞΫ γ ϣ ϯ Λ ઃ
ఆ • ΞΫγϣϯͰͰ͖Δ͜ͱ • Ϣʔβʔͷϝʔϧૹ৴ • ཧऀͷϝʔϧૹ৴ • MauticʹΞοϓͨ͠ϑΝΠϧͷDL • Tag / Segument / Point ૢ࡞ • etc…
“ ϑ Υ ʔϜ ݁ Ռ Λ ૹ ৴ ”
Ͱ ೖ ྗ ༰ Λ ૹ Ε Δ
“ M o d i f y c o n
t a c t ’s s e g m e n t s ” Ͱ η άϝ ϯ τ ઃ ఆ
ϑ Υ ʔϜ ɻ I D Λ ߇
͑Δ
γ ϣ ʔ τ ί ʔ υ Ͱ ຒ Ί
ࠐ Έ
ϑ Υ ʔϜ ͷ ຒ Ί ࠐ Έ ྃ
ཧ ը ໘ ͔ Β s u b m
i t ͕ ݟ Ε Δ
ϑ Υ ʔϜ ૹ ৴ લ ͷ αΠ τ ߦ
ಈ ݟ Ε Δ
͜ ͜ · Ͱ Ͱ Ͱ ͖ ͨ ͜ ͱ
1. ϑΥʔϜΛ࡞͢Δ 2. WordPressʹຒΊࠐΉ 3. ϑΥʔϜ݁ՌΛϢʔβʔʹɺϢʔβʔొ௨Λཧऀʹૹ৴ 4. ϢʔβʔΛMauticͰηάϝϯτྨ 5. ϝʔϧΞυϨεͱաڈͷαΠτӾཡߦಈΛMauticͰ֬ೝ͢Δ #wpzoomup
· ͩ Ͱ ͖ ͯ ͍ ͳ ͍ ͜ ͱ
ϚʔέςΟϯά #wpzoomup
ӡ ༻ ฤ #wpzoomup
· ͣ γ ϯ ϓϧ ͳ ӡ ༻ Λ ߟ
͑Δ 1. ϝʔϧͷίϯςϯπΛ࡞͢Δ 2. ࢦఆͨ͠ηάϝϯτʹϝʔϧΛૹ৴͢Δ 3. ։෧ͳͲΛνΣοΫ͢Δ #wpzoomup
· ͣ γ ϯ ϓϧ ͳ ӡ ༻ Λ ߟ
͑Δ 1. ϝʔϧͷίϯςϯπΛ࡞͢Δ 2. ࢦఆͨ͠ηάϝϯτʹϝʔϧΛૹ৴͢Δ 3. ։෧ͳͲΛνΣοΫ͢Δ #wpzoomup
ς ϯ ϓ Ϩ ʔ τ ͔ Β H T
M L ϝʔϧ Λ ࡞ Ε Δ
Ϗ δϡ Ξϧ ΤσΟλ ͕ ར ༻ Մ ೳ
Ϗ δϡ Ξϧ ΤσΟλ ͕ ར ༻ Մ ೳ
ϑ Υ ʔϜ ૹ ৴ લ ͷ αΠ τ ߦ
ಈ ݟ Ε Δ
ϝʔϧ ς ϯ ϓ Ϩ ͩ ͚ ࡞ Δ ͜
ͱ Մ ೳ
· ͣ γ ϯ ϓϧ ͳ ӡ ༻ Λ ߟ
͑Δ 1. ϝʔϧͷίϯςϯπΛ࡞͢Δ 2. ࢦఆͨ͠ηάϝϯτʹϝʔϧΛૹ৴͢Δ 3. ։෧ͳͲΛνΣοΫ͢Δ #wpzoomup
ૹ ৴ ͢ Δ η άϝ ϯ τ ݴ
ޠ ͷ ઃ ఆ Λ ͯ͠ ૹ Δ
ૹ ৴ ͢ Δ ͱ ݁ Ռ ͕ Ұ ཡ
͔ Β ݟ Ε Δ
· ͣ γ ϯ ϓϧ ͳ ӡ ༻ Λ ߟ
͑Δ 1. ϝʔϧͷίϯςϯπΛ࡞͢Δ 2. ࢦఆͨ͠ηάϝϯτʹϝʔϧΛૹ৴͢Δ 3. ։෧ͳͲΛνΣοΫ͢Δ #wpzoomup
ৄ ࡉ ϖʔ δ ͔ Β ֤ छ ౷
ܭ ͕ ݟ Ε Δ
R e p o r t ͔ Β શ ମ
ͷ Έ Ε Δ
͏ গ ͠ ౿ Έ ࠐ ΜͰ Έ Δ
• Focus ItemsͰొΛଅ͢ϙοϓΞοϓΛग़͢ • ΧελϜϑΟʔϧυΛͬͯɺڵຯͷ͋ΔίϯςϯπΛώΞϦϯά • ΩϟϯϖʔϯͰڵຯʹ߹Θͤͨϝʔϧ৴ͱΫΦϦϑΟέʔγϣϯ • CRMͱ࿈ܞͯ͠CVޙͷϑΥϩʔ #wpzoomup
ϙ οϓ Ξ οϓ ͷ ද ࣔ • Ϟʔμϧ /
TOP BAR / શը໘ / etc • εΫϩʔϧ / ϩʔυ / Ұఆ࣌ؒܦա • ϦϯΫ / ϑΥʔϜ / ϝοηʔδ • ༷ʑͳίϯςϯπΛදࣔͰ͖Δ
Χ ε λϜ ϑΟʔϧ υ ͕ ࡞ Ε Δ
Λ ఆ ٛ ͯ͠ ͓ ͘ ͱ ɺ ͦ
ͷ · · ϑ Υ ʔϜ ʹ ͑Δ
ϑΟʔϧ υ ͷ Λ ར ༻ ͯ͠ ί ϯ
ς ϯ π Λ ग़ ͠ ͚
Ԡ ༻ έ ʔε Λ ߟ ͑Δ
ς ʔ Ϛ ൢ ച α Π τ Ͱ M
a u t i c • ࣄྫɾ։ൃΨΠυͳͲͷϗϫΠτϖʔύʔΛDL • ϝʔϧΞυϨεͱ৬छɾΑ͘࡞ΔαΠτͳͲΛऩू • ৬छɾ࡞ΔαΠτͷछྨʹԠͨ͡ࣄྫΛհ͢Δϝʔϧૹ৴ • ΦϑϥΠϯΠϕϯτͰͷࢀՃऀͷϦαʔνʹ͏ #wpzoomup
Φ ϑ ϥ Π ϯ ͔ Β Φ ϯ ϥ
Π ϯ • ϝʔϧΞυϨεͷऩूϦΞϧͰՄೳ • ɿ໊ަͨ͠ਓશһʹϝʔϧ • ɿϒʔεͰϑΥʔϜʹϝΞυೖΕͯΒ͏ • ϝʔϧૹ৴ -> URLΫϦοΫͰϦʔυʹͰ͖Δ • ϝʔϧૹ৴ -> ແࢹͳΒϦʔυ͔Β֎͠ɺϝʔϧૹΒͳ͍ #wpzoomup
M A Λ ͏ ্ Ͱ ॏ ཁ ͳ
͜ ͱ • ݟࠐΈ٬Λ֬ͷߴ͍Ϧʔυʹ͢Δͷ͕MA • ֬ͷ͍ϦʔυΛݟΔͷMAͷࣄ • “Ωϟϯϖʔϯ”Λͬͯ֬ͷ͍ϦʔυΛ֎͢ • ·ͣʮૹͬͨϝʔϧΛಡΉਓɾಡ·ͳ͍ਓʯ͔Β #wpzoomup
· ͱ Ί • MAͰݟࠐΈ٬ͷϦιʔεͷࣗಈԽʴબͱूதΛࢦ͢ • αΠτͷߦಈɾϝʔϧͷԠɾखೖྗ͞ΕͨσʔλͳͲΛࢀর • ϝʔϧΞυϨεΛͲ͏ͬͯखʹೖΕΔ͔͕ୈҰา •
ϚʔέςΟϯάࢪࡦ͋ͬͯͷMAͰ͋Δ͜ͱΕͳ͍ #wpzoomup
A p p e n d i x ɿ ͦ
ͦ M A Λ ͏ ͖ ͔ ʁ • ϦʔυΛ૿͍ͨ͠ͳΒMA • Ϧʔυͷ֬ΛߴΊ͍ͨͳΒMA • Ӧۀͷࢧԉɾใڞ༗͕తͳΒSFA • طଘސ٬͕λʔήοτͳΒCRM #wpzoomup