WordPressでMautic / wp-zoomup-2019-07

WordPressでMautic / wp-zoomup-2019-07

75486cbfd37125f121cf4a6c5614601c?s=128

Hidetaka Okamoto

July 31, 2019
Tweet

Transcript

  1. 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
  2. # w p z o o m u p

  3. # w p z o o m u p

  4. # w p z o

  5. 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
  6. None
  7. Wo rd P re s s Ͱ M A #wpzoomup

  8. M A Ͱ ͋ Γ ͕ ͪ ͳ צ ҧ

    ͍ • εςοϓϝʔϧ΍τϦΨʔ഑৴Λ΍͍ͬͯΔ͔ΒMAόονϦʂ • ͱΓ͋͑ͣೖΕ͓͚ͯ͹͍͍ײ͡ʹͯ͘͠ΕΔΜͰ͠ΐʁ • MA͕͋Ε͹Ӧۀ׆ಈ͸͍Βͳ͍ʂʂ • ͔͔ͤͬͩ͘ΒطଘͷϑΥϩʔʹ΋࢖͍͍ͨͳ #wpzoomup
  9. M A Ͱ ͋ Γ ͕ ͪ ͳ צ ҧ

    ͍ • ࢿྉͷDL΍αΠτίϯςϯπͷύʔιφϥΠζͳͲଟذʹ౉Δ • ͱΓ͋͑ͣೖΕ͓͚ͯ͹͍͍ײ͡ʹͯ͘͠ΕΔΜͰ͠ΐʁ • MA͕͋Ε͹Ӧۀ׆ಈ͸͍Βͳ͍ʂʂ • ͔͔ͤͬͩ͘ΒطଘͷϑΥϩʔʹ΋࢖͍͍ͨͳ #wpzoomup
  10. M A Ͱ ͋ Γ ͕ ͪ ͳ צ ҧ

    ͍ • ࢿྉͷDL΍αΠτίϯςϯπͷύʔιφϥΠζͳͲଟذʹ౉Δ • ϚʔέςΟϯά΍ͬͯͳ͍ͷʹԿΛࣗಈԽ͢ΔΜͰ͔͢ʁ • MA͕͋Ε͹Ӧۀ׆ಈ͸͍Βͳ͍ʂʂ • ͔͔ͤͬͩ͘ΒطଘͷϑΥϩʔʹ΋࢖͍͍ͨͳ #wpzoomup
  11. M A Ͱ ͋ Γ ͕ ͪ ͳ צ ҧ

    ͍ • ࢿྉͷDL΍αΠτίϯςϯπͷύʔιφϥΠζͳͲଟذʹ౉Δ • ϚʔέςΟϯά΍ͬͯͳ͍ͷʹԿΛࣗಈԽ͢ΔΜͰ͔͢ʁ • બఆͱҭ੒͕MAɺ੒໿ʹ΋͍ͬͯ͘ͷ͸ӦۀͰɺSFAͷྖҬ • ͔͔ͤͬͩ͘ΒطଘͷϑΥϩʔʹ΋࢖͍͍ͨͳ #wpzoomup
  12. M A Ͱ ͋ Γ ͕ ͪ ͳ צ ҧ

    ͍ • ࢿྉͷDL΍αΠτίϯςϯπͷύʔιφϥΠζͳͲଟذʹ౉Δ • ϚʔέςΟϯά΍ͬͯͳ͍ͷʹԿΛࣗಈԽ͢ΔΜͰ͔͢ʁ • બఆͱҭ੒͕MAɺ੒໿ʹ΋͍ͬͯ͘ͷ͸ӦۀͰɺSFAͷྖҬ • ͦΕ͸CRMͷ໾ׂɺConcrete5޲͚ͷαΠτΛWPͰ΍Γ·͔͢ʁ #wpzoomup
  13. Ϛʔ έ ς Ο ϯ ά Λ ࢓ ૊ Έ

    Խ ͢ Δ • CMS͸PublishingΛ࢓૊ΈԽͨ͠ • ϥΠςΟϯάɾϚʔΫΞοϓɾެ։ɾϦϯΫͷઃఆɾetc… • MA͸ϚʔέςΟϯάΛ࢓૊ΈԽ͢Δ • χϡʔεϨλʔ഑৴ɾݟࠐΈ٬ͷߜΓࠐΈɾetc… • ࢓૊ΈԽ͍ͨ͠΋ͷ͸ͳʹ͔Λ·ͣߟ͑Α͏ʢγφϦΦɾϑΝωϧetc…ʣ #wpzoomup
  14. M a u t i c ʹ ͭ ͍ͯ •

    OSSͷMAπʔϧ • LAMP (Linux / Apache / MySQL / PHP)Ͱಈ͘ • Symfonyϕʔε • ϗεςΟϯά൛΋͋ΔʢWP.orgͱWP.comʹ͍ۙʣ #wpzoomup
  15. 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
  16. ͦ ͷ ݸ ਓ ৘ ใ ͸ ͩ Ε ͕

    ؅ ཧ ͠ · ͢ ͔ ʁ • ॅॴ / ࢯ໊ / ߦಈཤྺ / IPΞυϨε / etc… • WPҎ্ʹηΩϡϦςΟ΁ͷҙ͕ࣝඞཁʹͳΔ • ๷൜ରࡦɿDBαʔόʔ෼཭ / ΞΫηε੍ݶ / FW / ҉߸Խ / etc… • μϝίϯɿ࠷খݶͷσʔλऩू / ෆཁσʔλͷ࡟আ / etc… #wpzoomup
  17. W P Z O O M U P Ͱ ʢ

    উ ख ʹ ʣ M a u t i c
  18. W P Z o o m U P • ΦϯϥΠϯΠϕϯτΛఆظ։࠵

    • ΠϕϯτϨϙʔτΛ഑৴ • ΠϕϯτࢀՃొ࿥͸֎෦αʔϏε
  19. W P Z O O M U P Ͱ Կ

    Λ Ϛʔ έ ς Ο ϯ ά ͢ Δʁ • ʮΦϯϥΠϯΠϕϯτ΁ͷࢀՃΛଅ͢αΠτʯͱԾఆ • ࠓ͋ΔίϯςϯπΛ࣠ʹߟ͑Δ • Goal: αΠτΛݟͨਓ͕ɺΦϯϥΠϯΠϕϯτʹࢀՃ͢Δ • ·ͩࢀՃͨ͜͠ͱ͕ͳ͍ਓΛݟࠐΈ٬ͱ૝ఆ • ݟࠐΈ٬ͷCVϖʔδʢconnpassʣભҠ·ͰࣗಈԽ͢Δ #wpzoomup
  20. M a u t i c Ͱ M A ͢

    Δ ͨ Ί ʹ ඞ ཁ ͳ ΋ ͷ • Email Address͸ඞਢ • ͳͯ͘΋τϥοΩϯά͸͢Δɻͨͩ͠Ϧʔυ͕࡞ΒΕͳ͍ • Web্ͷߦಈΛτϥοΩϯά͢Δʹ͸+ Coookie͕ඞཁ • ͳʹ͔͠ΒͷܗͰWeb͔ΒEmailΛऔಘ͢Δඞཁ͕͋Δ #wpzoomup
  21. E m a i l Λ ಘ Δ ͨ Ί

    ʹ ࢖ Θ Ε Δ ํ ๏ • Form: ࢿྉμ΢ϯϩʔυ / ໰͍߹Θͤ / χϡʔεϨλʔ / etc… • Member Page: ݶఆίϯςϯπ / ϑΥʔϥϜ / etc… • ΦϑϥΠϯ͔ΒΦϯϥΠϯɿ ϒʔε๚໰ -> ϝʔϧ -> LP / etc… #wpzoomup
  22. W P Z o o m U P Ͱ ΍

    Δ ͳ Β ͹ ʢ ྫ ʣ • Form: ։࠵Ϩϙʔτͷϝʔϧ௨஌ -> ϝʔϧొ࿥ϑΥʔϜ • Member Page: WP ZoomUPͷΦϯϥΠϯϑΥʔϥϜ • ΦϑϥΠϯ͔ΒΦϯϥΠϯɿ ϒʔε๚໰ -> ϝʔϧ -> LP / etc… #wpzoomup
  23. ΍ ͬͯ Έ Δ #wpzoomup

  24. M a u t i c Ͱ ։ ࠵ Ϩ

    ϙʔ τ ͷ ϝʔϧ ड ৴ Λ ΍ ͬͯ Έ Δ
  25. ։ ࠵ Ϩϙ ʔ τ Λ ϝ ʔ ϧ ௨

    ஌ ͢ Δ 1. MauticͰϑΥʔϜΛ࡞੒͢Δ 2. WordPressʹຒΊࠐΉʢWP Mauticγϣʔτίʔυʣ 3. “։࠵Ϩϙʔτड৴ر๬ऀ”Ͱηάϝϯτ͢Δ 4. ϝʔϧΛ഑৴͢Δ #wpzoomup
  26. η ο τΞ οϓ ฤ #wpzoomup

  27. η άϝ ϯ τ Λ ࡞ Δ

  28. M a u t i c ͷ η άϝ ϯ

    τ ʹ ͭ ͍ͯ • ContactͷΧςΰϥΠζػೳɺෳ਺ઃఆՄೳ • ϝʔϧૹ৴࣌ɺηάϝϯτຖʹ഑৴͕Ͱ͖Δ • Contactͷ৘ใʹԠͯࣗ͡ಈৼΓ෼͚΋Մೳ • “֬౓”ʹ͍ͭͯ͸εςʔδΛ࢖͓͏ #wpzoomup
  29. ε λ ϯ υ Ξ ϩ ʔϯ ϑ Υ ʔϜ

    Λ ࡞ Δ • ΩϟϯϖʔϯϑΥʔϜ • “Ωϟϯϖʔϯ”ͷൃՐ఺ • ελϯυΞϩʔϯϑΥʔϜ • ௨ৗͷϑΥʔϜ
  30. ϝʔϧΞ υ Ϩε Λ ϑΟʔϧ υ ʹ ઃ ఆ

  31. ૹ ৴ ࣌ ͷ ΞΫ γ ϣ ϯ Λ ઃ

    ఆ • ΞΫγϣϯͰͰ͖Δ͜ͱ • Ϣʔβʔ΁ͷϝʔϧૹ৴ • ؅ཧऀ΁ͷϝʔϧૹ৴ • MauticʹΞοϓͨ͠ϑΝΠϧͷDL • Tag / Segument / Point ૢ࡞ • etc…
  32. “ ϑ Υ ʔϜ ݁ Ռ Λ ૹ ৴ ”

    Ͱ ೖ ྗ ಺ ༰ Λ ૹ Ε Δ
  33. “ M o d i f y c o n

    t a c t ’s s e g m e n t s ” Ͱ η άϝ ϯ τ ΁ ઃ ఆ
  34. ϑ Υ ʔϜ ׬ ੒ ɻ I D Λ ߇

    ͑Δ
  35. γ ϣ ʔ τ ί ʔ υ Ͱ ຒ Ί

    ࠐ Έ
  36. ϑ Υ ʔϜ ͷ ຒ Ί ࠐ Έ ׬ ྃ

  37. ؅ ཧ ը ໘ ͔ Β s u b m

    i t ਺ ͕ ݟ Ε Δ
  38. ϑ Υ ʔϜ ૹ ৴ લ ͷ αΠ τ ߦ

    ಈ ΋ ݟ Ε Δ
  39. ͜ ͜ · Ͱ Ͱ Ͱ ͖ ͨ ͜ ͱ

    1. ϑΥʔϜΛ࡞੒͢Δ 2. WordPressʹຒΊࠐΉ 3. ϑΥʔϜ݁ՌΛϢʔβʔʹɺϢʔβʔొ࿥௨஌Λ؅ཧऀʹૹ৴ 4. ϢʔβʔΛMauticͰηάϝϯτ෼ྨ 5. ϝʔϧΞυϨεͱաڈͷαΠτӾཡߦಈΛMauticͰ֬ೝ͢Δ #wpzoomup
  40. · ͩ Ͱ ͖ ͯ ͍ ͳ ͍ ͜ ͱ

    ϚʔέςΟϯά #wpzoomup
  41. ӡ ༻ ฤ #wpzoomup

  42. · ͣ γ ϯ ϓϧ ͳ ӡ ༻ Λ ߟ

    ͑Δ 1. ϝʔϧͷίϯςϯπΛ࡞੒͢Δ 2. ࢦఆͨ͠ηάϝϯτʹϝʔϧΛૹ৴͢Δ 3. ։෧཰ͳͲΛνΣοΫ͢Δ #wpzoomup
  43. · ͣ γ ϯ ϓϧ ͳ ӡ ༻ Λ ߟ

    ͑Δ 1. ϝʔϧͷίϯςϯπΛ࡞੒͢Δ 2. ࢦఆͨ͠ηάϝϯτʹϝʔϧΛૹ৴͢Δ 3. ։෧཰ͳͲΛνΣοΫ͢Δ #wpzoomup
  44. ς ϯ ϓ Ϩ ʔ τ ͔ Β H T

    M L ϝʔϧ Λ ࡞ Ε Δ
  45. Ϗ δϡ Ξϧ ΤσΟλ ͕ ར ༻ Մ ೳ

  46. Ϗ δϡ Ξϧ ΤσΟλ ͕ ར ༻ Մ ೳ

  47. ϑ Υ ʔϜ ૹ ৴ લ ͷ αΠ τ ߦ

    ಈ ΋ ݟ Ε Δ
  48. ϝʔϧ ς ϯ ϓ Ϩ ͩ ͚ ࡞ Δ ͜

    ͱ ΋ Մ ೳ
  49. · ͣ γ ϯ ϓϧ ͳ ӡ ༻ Λ ߟ

    ͑Δ 1. ϝʔϧͷίϯςϯπΛ࡞੒͢Δ 2. ࢦఆͨ͠ηάϝϯτʹϝʔϧΛૹ৴͢Δ 3. ։෧཰ͳͲΛνΣοΫ͢Δ #wpzoomup
  50. ૹ ৴ ͢ Δ η άϝ ϯ τ ΍ ݴ

    ޠ ͷ ઃ ఆ Λ ͯ͠ ૹ Δ
  51. ૹ ৴ ͢ Δ ͱ ݁ Ռ ͕ Ұ ཡ

    ͔ Β ݟ Ε Δ
  52. · ͣ γ ϯ ϓϧ ͳ ӡ ༻ Λ ߟ

    ͑Δ 1. ϝʔϧͷίϯςϯπΛ࡞੒͢Δ 2. ࢦఆͨ͠ηάϝϯτʹϝʔϧΛૹ৴͢Δ 3. ։෧཰ͳͲΛνΣοΫ͢Δ #wpzoomup
  53. ৄ ࡉ ϖʔ δ ͔ Β ͸ ֤ छ ౷

    ܭ ͕ ݟ Ε Δ
  54. R e p o r t ͔ Β શ ମ

    ͷ ܏ ޲ ΋ Έ Ε Δ
  55. ΋ ͏ গ ͠ ౿ Έ ࠐ ΜͰ Έ Δ

    • Focus ItemsͰొ࿥Λଅ͢ϙοϓΞοϓΛग़͢ • ΧελϜϑΟʔϧυΛ࢖ͬͯɺڵຯͷ͋ΔίϯςϯπΛώΞϦϯά • ΩϟϯϖʔϯͰڵຯʹ߹Θͤͨϝʔϧ഑৴ͱΫΦϦϑΟέʔγϣϯ • CRMͱ࿈ܞͯ͠CVޙͷϑΥϩʔ #wpzoomup
  56. ϙ οϓ Ξ οϓ ͷ ද ࣔ • Ϟʔμϧ /

    TOP BAR / શը໘ / etc • εΫϩʔϧ / ϩʔυ / Ұఆ࣌ؒܦա • ϦϯΫ / ϑΥʔϜ / ϝοηʔδ • ༷ʑͳίϯςϯπΛදࣔͰ͖Δ
  57. Χ ε λϜ ϑΟʔϧ υ ͕ ࡞ Ε Δ

  58. ஋ Λ ఆ ٛ ͯ͠ ͓ ͘ ͱ ɺ ͦ

    ͷ · · ϑ Υ ʔϜ ʹ ࢖ ͑Δ
  59. ϑΟʔϧ υ ͷ ஋ Λ ར ༻ ͯ͠ ί ϯ

    ς ϯ π Λ ग़ ͠ ෼ ͚
  60. Ԡ ༻ έ ʔε Λ ߟ ͑Δ

  61. ς ʔ Ϛ ൢ ച α Π τ Ͱ M

    a u t i c • ࣄྫɾ։ൃΨΠυͳͲͷϗϫΠτϖʔύʔΛDL഑෍ • ϝʔϧΞυϨεͱ৬छɾΑ͘࡞ΔαΠτͳͲΛऩू • ৬छɾ࡞ΔαΠτͷछྨʹԠͨ͡ࣄྫΛ঺հ͢Δϝʔϧૹ৴ • ΦϑϥΠϯΠϕϯτͰͷࢀՃऀͷϦαʔνʹ࢖͏ #wpzoomup
  62. Φ ϑ ϥ Π ϯ ͔ Β Φ ϯ ϥ

    Π ϯ • ϝʔϧΞυϨεͷऩू͸ϦΞϧͰ΋Մೳ • ɿ໊ࢗަ׵ͨ͠ਓશһʹϝʔϧ • ɿϒʔεͰϑΥʔϜʹϝΞυೖΕͯ΋Β͏ • ϝʔϧૹ৴ -> URLΫϦοΫͰϦʔυʹͰ͖Δ • ϝʔϧૹ৴ -> ແࢹͳΒϦʔυ͔Β֎͠ɺϝʔϧ΋ૹΒͳ͍ #wpzoomup
  63. M A Λ ࢖ ͏ ্ Ͱ ॏ ཁ ͳ

    ͜ ͱ • ݟࠐΈ٬Λ֬౓ͷߴ͍Ϧʔυʹ͢Δͷ͕MA • ֬౓ͷ௿͍ϦʔυΛݟ੾Δͷ΋MAͷ࢓ࣄ • “Ωϟϯϖʔϯ”Λ࢖ͬͯ֬౓ͷ௿͍ϦʔυΛ֎͢ • ·ͣ͸ʮૹͬͨϝʔϧΛಡΉਓɾಡ·ͳ͍ਓʯ͔Β #wpzoomup
  64. · ͱ Ί • MAͰݟࠐΈ٬΁ͷϦιʔεͷࣗಈԽʴબ୒ͱूதΛ໨ࢦ͢ • αΠτͷߦಈɾϝʔϧ΁ͷ൓Ԡɾखೖྗ͞ΕͨσʔλͳͲΛࢀর • ϝʔϧΞυϨεΛͲ͏΍ͬͯखʹೖΕΔ͔͕ୈҰา •

    ϚʔέςΟϯάࢪࡦ͋ͬͯͷMAͰ͋Δ͜ͱ͸๨Εͳ͍ #wpzoomup
  65. A p p e n d i x ɿ ͦ

    ΋ ͦ ΋ M A Λ ࢖ ͏ ΂ ͖ ͔ ʁ • ϦʔυΛ૿΍͍ͨ͠ͳΒMA • Ϧʔυͷ֬౓ΛߴΊ͍ͨͳΒMA • Ӧۀͷࢧԉɾ৘ใڞ༗͕໨తͳΒSFA • طଘސ٬͕λʔήοτͳΒCRM #wpzoomup