MauticとWordPressを連携させてできること

WP ZoomUP #22

当日の振り返りは
https://next-season.net/community/2056/

Meetup
https://wpzoom.connpass.com/event/130353/

WP ZoomUP
https://twitter.com/wpzoomup

Transcript

1. MauticͱWordPressΛ
   ࿈ܞͤͯ͞Ͱ͖Δ͜ͱ
   WP ZoomUP #22

   2019.07.30
   

   View Slide

2. Steps
   Who am I
   

   View Slide

3. Atsushi Ando

   ͋ΜͲ͏͋ͭ͠
   DTP/web Design
   Engineer
   ArtDirector /Photograph
   twitter : @Next_Season
   github : AtsushiA
   web : next-season.net
   Solutions Architect - Associate
   

   View Slide

4. Recent works
   Keynote
   MODX
   Concrete5
   WordPress
   AWS
   XD
   Photography
   PhotoShop
   Illustrator
   

   View Slide

5. #SVTI6(
   "EPCF9%6(,PCF
   4IJGUFSNFFUVQ,PCF

   +"846(,PCF
   $.4େࡕՆࡇΓ
   .0%9ͷ೔
   DPODSFUFΤόϯδΣϦετ
   Kobe
   Community

   &etc…
   

   View Slide

6. View Slide

7. Let’s Try
   

   View Slide

8. Steps
   1.͖ͪΜͱಈ͍͍ͯΔWordPress&MauticΛ༻ҙ͢Δ
   2.Plugin : WP MauticΛΠϯετʔϧˍ༗ޮԽ
   3.WP MauticͷॳظઃఆΛߦ͏
   4.৮ͬͯΈΑ͏ʙϋϯζΦϯ
   

   View Slide

9. Step1
   ͖ͪΜͱಈ͍͍ͯΔ
   WordPress&MauticΛ༻ҙ͢Δ
   

   View Slide

10. Step 2-1
    WordPress : WP MauticϓϥάΠϯΛΠϯετʔϧˍ༗ޮԽ
    

    View Slide

11. Step 3
    ϓϥάΠϯઃఆɿઃఆˠWPMauticʹͯผ్ηοτΞοϓ͠
    ͨMauticͷURLΛઃఆ͢Δ
    

    View Slide

12. WordPress΁Mauticͷίϯςϯπ͸γϣʔτίʔυͰૠೖ
    ϑΥʔϜ

    [mautic type="form" id=“1”]
    ϑΥʔΧεΞΠςϜ

    [mautic type="focus" id=“1”]
    μΠφϛοΫίϯςϯπ

    [mautic type="content" slot="slot_name"]Default content to display
    in case of error or unknown contact.[/mautic]
    https://github.com/mautic/mautic-wordpress
    Step 4
    

    View Slide

13. Memo
    ϝʔϧΞυϨε͕औಘͰ͖ͳ͍ͱ࢝·Βͳ͍
    ϝʔϧΞυϨε͕ඥ͍͍ͮͯͳ͍࣌͸Contactͷ

    ”anonymous”Ϣʔβʔͱͯ͠ϖʔδભҠ͸ه࿥͞ΕΔ
    

    View Slide

14. Memo
    Ϣʔβ͕ϑΥʔϜʹೖྗ͠ϝʔϧΞυϨε͕ඥͮ͘ͱ

    աڈͷϖʔδભҠ΋ඥ͖ͮ·͢ɻ
    

    View Slide

15. Step 4 https://www.mautic.org/docs/en/forms/index.html
    ίϯϙʔωϯτˠϑΥʔϜ Λબ୒͠ +৽ن ͔ΒϑΥʔϜΛ࡞੒
    ϑ
    Ỽ
    ʔ
    Ϝ
    ͷ
    ࡞
    ੒
    

    View Slide

16. Step 4
    ϝʔϧΞυϨεΛಘΔͨΊʹɺForcus ItemΛ࢖༻͢Δͱ
    αΠτʹϙοϓΞοϓͰϑΥʔϜΛઃஔ͢Δ͜ͱ΋Մೳ
    https://www.mautic.org/docs/en/focus/index.html
    ϑ
    Ỽ
    ʔ
    Ϝ
    ͷ
    ࡞
    ੒
    

    View Slide

17. Step 4
    ࡞੒͞ΕͨMauricͷϑΥʔϜͷIDΛ߇͓͑ͯ͘
    ϑ
    Ỽ
    ʔ
    Ϝ
    ͷ
    ຒ
    ࠐ
    on Mautic
    

    View Slide

18. Step 4
    WordPressฤूը໘ͰγϣʔτίʔυϒϩοΫΛૠೖ͠
    ઌʹMauticͰ࡞੒ͯ͠ϑΥʔϜͷIDΛೖྗ͢Δ
    ϑ
    Ỽ
    ʔ
    Ϝ
    ͷ
    ຒ
    ࠐ
    on WordPress
    

    View Slide

19. Step 4
    هࣄͷதʹMauticͷϑΥʔϜ͕ݺͼग़͞Ε·͢
    ϑ
    Ỽ
    ʔ
    Ϝ
    ͷ
    ຒ
    ࠐ
    on WordPress
    

    View Slide

20. Step 4
    ϝʔϧͦૹ৴͢ΔͨΊʹηάϝϯτΛ࡞੒
    Ұ൪؆୯ʹϝʔϧΛ഑৴Ͱ͖Δ”ηάϝϯτϝʔϧ”Ͱ

    ૹ৴ͷର৅͕ηάϝϯτ୯ҐͱͳΔͨΊ
    η
    ά
    ϝ
    ϯ
    τ
    ϝ
    ʔ
    ϧ
    ͷ
    ࡞
    ੒
    

    View Slide

21. Step 4
    ૹ৴͍ͨ͠ContactͷηάϝϯτΛมߋ͢Δ
    η
    ά
    ϝ
    ϯ
    τ
    ϝ
    ʔ
    ϧ
    ͷ
    ࡞
    ੒
    https://www.mautic.org/docs/en/contacts/manage_segments.html
    

    View Slide

22. Step 4
    ͋Β͔͡ΊϑΥʔϜͷΞΫγϣϯ΍ΩϟϯϖʔϯͷΞΫγϣ
    ϯͱͯ͠ಛఆͷηάϝϯτ΁ͷ௥Ճɺ࡟আ͕ՄೳͰ͢
    η
    ά
    ϝ
    ϯ
    τ
    ϝ
    ʔ
    ϧ
    ͷ
    ࡞
    ੒
    

    View Slide

23. Step 4
    νϟϯωϧˠϝʔϧ͔Β৽نηάϝϯτϝʔϧΛબ୒
    η
    ά
    ϝ
    ϯ
    τ
    ϝ
    ʔ
    ϧ
    ͷ
    ࡞
    ੒
    

    View Slide

24. Step 4
    ϝʔϧςϯϓϨʔτ͔ΒΛબ୒͠ϝʔϧΛ࡞੒
    η
    ά
    ϝ
    ϯ
    τ
    ϝ
    ʔ
    ϧ
    ͷ
    ࡞
    ੒
    

    View Slide

25. Step 4
    ૹ৴͸ηάϝϯτʹରͯ͠ߦΘΕ·͢ɻ
    η
    ά
    ϝ
    ϯ
    τ
    ϝ
    ʔ
    ϧ
    ͷ
    ࡞
    ੒
    

    View Slide

26. Step 4
    ϝʔϧ࡞੒͕׬ྃͨ͠Β֬ೝ༻ͷ[αϯϓϧΛૹ৴]͠
    ໰୊ͳ͚Ε͹[ૹ৴]Ͱର৅ͷηάϝϯτʹϝʔϧΛૹ৴
    η
    ά
    ϝ
    ϯ
    τ
    ϝ
    ʔ
    ϧ
    ͷ
    ࡞
    ੒
    

    View Slide

27. Memo
    ϝʔϧૹ৴͸εύϜϝʔϧѻ͍ʹͳͬͯ͠·
    ͏͜ͱΛආ͚ΔͨΊʹPHPϝʔϧΛ࢖Θͣʹ

    Sendgrid, Sendmail & Amazon SESͳͲΛ࢖͏
    

    View Slide

28. Memo
    ͜͜·Ͱશ͘Automationײ͕શ͘ͳ͍Ͱ͕͢ΩϟϯϖʔϯΛ

    ૊Έཱͯͯɺηάϝϯτ΍ϙΠϯτΛ࢖͏͜ͱͰ
    XXΛͨ͠ΒϝʔϧΛૹ৴΍ɺXXϙΠϯτҎ্ͷίϯλΫτʹ
    ϝʔϧૹ৴ͱ͍ͬͨAutomationΛߦ͏͜ͱ͕ՄೳʹͳΓ·͢ɻ
    https://www.mautic.org/docs/en/campaigns/index.html
    

    View Slide

29. Memo
    ϝΠϯαΠτPV+MauticͷόοΫ
    άϥ΢ϯυͷॲཧ͕ൃੜ͢ΔͷͰ
    αʔόબఆ͸৻ॏʹ
    

    View Slide

30. Memo
    Mauticͷ຋༁͸

    https://www.transifex.com/mautic/mautic/
    

    View Slide

31. Memo
    ࠷৽൛ͷ຋༁ͷద༻͸

    https://concrete5.co.jp/blog/mautic-
    pull-translation
    

    View Slide

32. Check! https://www.youtube.com/watch?v=8f_o6D5QGMg
    

    View Slide

33. Let’s Try
    Have a fan Mastic Life!
    

    View Slide

34. Thank youɹ
    : )
    

    View Slide