Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
WordPressでMautic / wp-zoomup-2019-07
Search
Hidetaka Okamoto
July 31, 2019
Technology
0
1k
WordPressでMautic / wp-zoomup-2019-07
Hidetaka Okamoto
July 31, 2019
Tweet
Share
More Decks by Hidetaka Okamoto
See All by Hidetaka Okamoto
OpenAI APIで API Changelogを要約してみた話 / chatgpt-osaka-1
hideokamoto
0
610
コミュニティ運営から 中の人に変わって感じたこと
hideokamoto
0
89
Developerが Developer Advocateになった話 / dev-rel-meetup-tokyo-71
hideokamoto
0
340
Jamstack開発者のための App Runner入門
hideokamoto
1
490
WordPressでの webサイト制作2022 / ngk2022s
hideokamoto
0
440
JavaScript(TypeScript)で メディアサイトを インフラから構築する方法 / jsconf-jp-2021
hideokamoto
2
4.2k
AWS上でStripeを利用したアプリをより安全にデプロイする方法 /jaws-pankration-2021
hideokamoto
1
200
Shifter Headlessと Headless WordPressの紹介
hideokamoto
0
1.9k
Stripe & Next.js + AWS Amplify で会員 + 定期課金機能 / JP_Stripes20210903
hideokamoto
7
3.2k
Other Decks in Technology
See All in Technology
プロポーザルのコツ ~ Kaigi on Rails 2025 初参加で3名の登壇を実現 ~
naro143
1
200
20201008_ファインディ_品質意識を育てる役目は人かAIか___2_.pdf
findy_eventslides
2
590
後進育成のしくじり〜任せるスキルとリーダーシップの両立〜
matsu0228
7
3.2k
定期的な価値提供だけじゃない、スクラムが導くチームの共創化 / 20251004 Naoki Takahashi
shift_evolve
PRO
4
360
Developer Advocate / Community Managerなるには?
tsho
0
110
from Sakichi Toyoda to Agile
kawaguti
PRO
1
110
リーダーになったら未来を語れるようになろう/Speak the Future
sanogemaru
0
370
AIツールでどこまでデザインを忠実に実装できるのか
oikon48
6
3.1k
Simplifying Cloud Native app testing across environments with Dapr and Microcks
salaboy
0
130
関係性が駆動するアジャイル──GPTに人格を与えたら、対話を通してふりかえりを習慣化できた話
mhlyc
0
140
自動テストのコストと向き合ってみた
qa
0
210
スタートアップにおけるこれからの「データ整備」
shomaekawa
2
350
Featured
See All Featured
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
140
34k
What's in a price? How to price your products and services
michaelherold
246
12k
Facilitating Awesome Meetings
lara
56
6.6k
Why You Should Never Use an ORM
jnunemaker
PRO
59
9.6k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Bash Introduction
62gerente
615
210k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
51k
Designing Experiences People Love
moore
142
24k
Building Flexible Design Systems
yeseniaperezcruz
329
39k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
114
20k
Producing Creativity
orderedlist
PRO
347
40k
Learning to Love Humans: Emotional Interface Design
aarron
274
41k
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