MarTech Top 10: Apps, Tips & Tricks You Gotta Have

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

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.

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

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 Link
You can identify the source by adding
a few parameters to the end of the
URLs in your emails.

Google Analytics Parameters
http://example.com/?
utm_source=newsletter
&utm_campaign=newsletter_11
182014
&utm_medium=email
&utm_content=article_02

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

Message Level Link Append

Google Acquisitions

Secondary Dimensions

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 JavaScript
Previously 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. Behavior
2. Events

Marketing Automation
• Campaigns While You
Strategize and Analyze
• Software Does all the Heavy
Lifting
• Human Capital Replacement

Marketing Automation

Recurring Messages
Emails 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

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 Attend
Webinar
Send Message
A
Send Message
B

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

Firebug Inspect Element
• Firefox Add-on
• Troubleshoot HTML and CSS
• Modify HTML in the Browser
• Learn from other sites

• 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

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

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

MarTech Top 10: Apps, Tips & Tricks You Gotta Have

Recommended

Recommended

More Related Content

What's hot

What's hot (8)

Viewers also liked

Viewers also liked (13)

Similar to MarTech Top 10: Apps, Tips & Tricks You Gotta Have

Similar to MarTech Top 10: Apps, Tips & Tricks You Gotta Have (20)

More from HighRoad Solution

More from HighRoad Solution (20)

Recently uploaded

Recently uploaded (20)

MarTech Top 10: Apps, Tips & Tricks You Gotta Have