martech top 10: apps, tips & tricks you gotta have

MarTech Top 10: Apps, Tips & Tricks You Gotta HaveAdam Higgins, Martech Consultant

1Lucid Charts

www.highroadsolution.com

Lucid Charts• Diagram Software– Flowcharts– Diagrams– Wireframes– Mind Maps

• Web Based UI and Publishing– PDFs– Images– SlideShow


Flowchart


Wireframes


Dashboard Designs


Create Hotspots• Link shapes to:– Pages– Toggle Layers– External Links


Publish as a Website• Give users a

experience similar to a website


Publish as SlideShow• Publish Flowcharts

as a presentation, and step through each shape or section as a slide.

2Litmus


Litmus

• Test and track your emails • See how your email looks

in different devices


Testing Email Designs

• Create a New Email Test



• Select Devices• Get Unique Testing

Address



• Send a Basic Test



• View Designs in Different Devices


Code Analysis

• See HTML Compatibility

3Google Analytics


Google Analytics• Website Analytics

Reporting Software• Free and Paid Version• Quick Spin-up Time with

JavaScript


Integrate with Email Marketing• Go Beyond the Click and

Vanity Metrics• Analysis Tends to Stops At

Email– Opens and Clicks

• What Happens After the Click?


Google Analytics Custom LinkYou can identify the source by adding a few parameters to the end of the URLs in your emails.


Google Analytics Parametershttp://example.com/?utm_source=newsletter&utm_campaign=newsletter_11182014&utm_medium=email&utm_content=article_02


Parameters Best Practices• Concise• Consistent• Intuitive• Think it Through


Message Level Link Append


Google Acquisitions


Secondary Dimensions

4Goggle Tag Manager


Event Tracking (Triggers)Record User Interactions with Your Website that are not Included in Standard Google Analytics Code


Google Tag Manager• User Interface to create

Triggered Events• Creates the Scripts For You


Manual JavaScriptPreviously you had to add JavaScript manually to Analytics Code:_gaq.push([category, action, label, value]);


Add Google Tag Script

• Create Account and Container

• Add Tracking Script


Add Tags

• Choose a Product to Integrate


Choose a Tag Type

• Choose the version of Google Analytics


Configure Tag

• Add the UA- Id from your Google Analytics Account


Select Tracking Type

• Select Event• Set Tracking Parameters


Select Trigger Type

• Select form as your trigger type


Create Trigger

• Specify where the action will happen


Analyze Events

1. Behavior2. Events

5Marketing Automation


Marketing Automation• Campaigns While You

Strategize and Analyze• Software Does all the

Heavy Lifting• Human Capital

Replacement


Marketing Automation


Recurring MessagesEmails that can be sent at regular intervals, based on sending rules you create.


Membership Renewals• Sync Member’s Renewal

Date with AMS• Create Dynamic List for

30,60, 90 Days.• Create Recurring Message

to Send Daily to Dynamic List


Dynamic List

Member Renewal Date is 30 Days in the Future

6Behavioral Marketing


Behavioral Marketing• Behavior + Automation =

Behavior Marketing


Behaviors• Behaviors = Actions of

Constituents– Open– Clicks– Downloads– Page Reads


Automation• Automation = Integrated

Systems and Triggered Campaigns


Personalized with Context


Triggered Campaigns

• Establish Triggers on Actions or Failed Actions

Attends Webinar Doesn’t AttendWebinar

Send Message A

Send Message B

7Web Browser Developer Tools


Firefox Developer Tools• The Responsive Design

View– View HTML in Different

Window Sizes• Troubleshoot Responsive

Design Issues


FireFox Developer Tools


Change Browser Widths


Change Browse Widths


Google Chrome


Windows Explorer

8Firebug


Firebug Inspect Element• Firefox Add-on• Troubleshoot HTML and

CSS• Modify HTML in the

Browser• Learn from other sites


Firebug Inspect Element

• Right Click on a HTML Element• Click Inspect Element



On the Left, Hover items in the source to find elements



On the Right, See CSS Style Elements



• Change CSS Items to See Changes Real-time



• Use with Responsive Design View to Troubleshoot Responsive Issues

9Colorzilla


Colorzilla• Firefox Add-on• Select colors on screen• Copies sample colors to

the clipboard


Select Color

• Select Eyedropper in Menu


Select Color

• Hover over any color• Click and Copy to Clipboard

10Bootstrap


Bootstrap• Responsive Mobile First

Framework• Uses HTML, CSS, and

JavaScript• Simplifies the Complexities

of Responsive and Web Design


12 Column Grid System


Mobile View


Grid Class• Using a single set of .col-

md-* grid classes, you can create a basic grid system that starts out stacked on mobile devices and tablet devices

• * Being a number from 1 - 12


2 Column Layout

col-md-8 col-md-4


3 Column Grid

col-md-4 col-md-4col-md-4


Helper Classes• Buttons• Images• Contextual Backgrounds• Icons• Tables


Buttons

Questions?Twitter: @admhggns