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

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

Marketing

małkowski-martech s.a....małkowski - martech s.a....

gotta serve somebody!

widen martech product direction

martech rcd models

go lng final conference to the sbsr project “martech...

gotta love dot_gov_ila

martech brochure - print - letter - carilec

gotta dance

maximize your martech stack

the problem with martech

ct martech for sharing

martech social - m.social platform overview

the perfect martech stack ?

gotta documentazione

martech - průmyslové armatury

cats gotta diamond incentive - pccha.com gotta diamo… ·...

martech rcd pro - lg3gservicelg3gservice.com/pub/martech...

the martech blueprint imperative

invoca martech 2014 presentation

netprofiler op martech 2016