Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

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

NExT-Season

July 30, 2019
Tweet

More Decks by NExT-Season

Other Decks in Technology

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. 2018

    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