Post on 13-Apr-2017
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
www.highroadsolution.com
Flowchart
www.highroadsolution.com
Wireframes
www.highroadsolution.com
Dashboard Designs
www.highroadsolution.com
Create Hotspots• Link shapes to:– Pages– Toggle Layers– External Links
www.highroadsolution.com
Publish as a Website• Give users a
experience similar to a website
www.highroadsolution.com
Publish as SlideShow• Publish Flowcharts
as a presentation, and step through each shape or section as a slide.
2Litmus
www.highroadsolution.com
Litmus
• Test and track your emails • See how your email looks
in different devices
www.highroadsolution.com
Testing Email Designs
• Create a New Email Test
www.highroadsolution.com
Testing Email Designs
• Select Devices• Get Unique Testing
Address
www.highroadsolution.com
Testing Email Designs
• Send a Basic Test
www.highroadsolution.com
Testing Email Designs
• View Designs in Different Devices
www.highroadsolution.com
Testing Email Designs
• View Designs in Different Devices
www.highroadsolution.com
Code Analysis
• See HTML Compatibility
3Google Analytics
www.highroadsolution.com
Google Analytics• Website Analytics
Reporting Software• Free and Paid Version• Quick Spin-up Time with
JavaScript
www.highroadsolution.com
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?
www.highroadsolution.com
Google Analytics Custom LinkYou can identify the source by adding a few parameters to the end of the URLs in your emails.
www.highroadsolution.com
Google Analytics Parametershttp://example.com/?utm_source=newsletter&utm_campaign=newsletter_11182014&utm_medium=email&utm_content=article_02
www.highroadsolution.com
Parameters Best Practices• Concise• Consistent• Intuitive• Think it Through
www.highroadsolution.com
Message Level Link Append
www.highroadsolution.com
Google Acquisitions
www.highroadsolution.com
Secondary Dimensions
www.highroadsolution.com
Secondary Dimensions
4Goggle Tag Manager
www.highroadsolution.com
Event Tracking (Triggers)Record User Interactions with Your Website that are not Included in Standard Google Analytics Code
www.highroadsolution.com
Google Tag Manager• User Interface to create
Triggered Events• Creates the Scripts For You
www.highroadsolution.com
Manual JavaScriptPreviously you had to add JavaScript manually to Analytics Code:_gaq.push([category, action, label, value]);
www.highroadsolution.com
Add Google Tag Script
• Create Account and Container
• Add Tracking Script
www.highroadsolution.com
Add Tags
• Choose a Product to Integrate
www.highroadsolution.com
Choose a Tag Type
• Choose the version of Google Analytics
www.highroadsolution.com
Configure Tag
• Add the UA- Id from your Google Analytics Account
www.highroadsolution.com
Select Tracking Type
• Select Event• Set Tracking Parameters
www.highroadsolution.com
Select Trigger Type
• Select form as your trigger type
www.highroadsolution.com
Create Trigger
• Specify where the action will happen
www.highroadsolution.com
Analyze Events
1. Behavior2. Events
5Marketing Automation
www.highroadsolution.com
Marketing Automation• Campaigns While You
Strategize and Analyze• Software Does all the
Heavy Lifting• Human Capital
Replacement
www.highroadsolution.com
Marketing Automation
www.highroadsolution.com
Recurring MessagesEmails that can be sent at regular intervals, based on sending rules you create.
www.highroadsolution.com
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
www.highroadsolution.com
Dynamic List
Member Renewal Date is 30 Days in the Future
6Behavioral Marketing
www.highroadsolution.com
Behavioral Marketing• Behavior + Automation =
Behavior Marketing
www.highroadsolution.com
Behaviors• Behaviors = Actions of
Constituents– Open– Clicks– Downloads– Page Reads
www.highroadsolution.com
Automation• Automation = Integrated
Systems and Triggered Campaigns
www.highroadsolution.com
Personalized with Context
www.highroadsolution.com
Triggered Campaigns
• Establish Triggers on Actions or Failed Actions
Attends Webinar Doesn’t AttendWebinar
Send Message A
Send Message B
7Web Browser Developer Tools
www.highroadsolution.com
Firefox Developer Tools• The Responsive Design
View– View HTML in Different
Window Sizes• Troubleshoot Responsive
Design Issues
www.highroadsolution.com
FireFox Developer Tools
www.highroadsolution.com
FireFox Developer Tools
www.highroadsolution.com
FireFox Developer Tools
www.highroadsolution.com
Change Browser Widths
www.highroadsolution.com
Change Browse Widths
www.highroadsolution.com
Google Chrome
www.highroadsolution.com
Windows Explorer
8Firebug
www.highroadsolution.com
Firebug Inspect Element• Firefox Add-on• Troubleshoot HTML and
CSS• Modify HTML in the
Browser• Learn from other sites
www.highroadsolution.com
Firebug Inspect Element
• Right Click on a HTML Element• Click Inspect Element
www.highroadsolution.com
Firebug Inspect Element
On the Left, Hover items in the source to find elements
www.highroadsolution.com
Firebug Inspect Element
On the Right, See CSS Style Elements
www.highroadsolution.com
Firebug Inspect Element
• Change CSS Items to See Changes Real-time
www.highroadsolution.com
Firebug Inspect Element
• Use with Responsive Design View to Troubleshoot Responsive Issues
9Colorzilla
www.highroadsolution.com
Colorzilla• Firefox Add-on• Select colors on screen• Copies sample colors to
the clipboard
www.highroadsolution.com
Select Color
• Select Eyedropper in Menu
www.highroadsolution.com
Select Color
• Hover over any color• Click and Copy to Clipboard
10Bootstrap
www.highroadsolution.com
Bootstrap• Responsive Mobile First
Framework• Uses HTML, CSS, and
JavaScript• Simplifies the Complexities
of Responsive and Web Design
www.highroadsolution.com
12 Column Grid System
www.highroadsolution.com
Mobile View
www.highroadsolution.com
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
www.highroadsolution.com
2 Column Layout
col-md-8 col-md-4
www.highroadsolution.com
3 Column Grid
col-md-4 col-md-4col-md-4
www.highroadsolution.com
Helper Classes• Buttons• Images• Contextual Backgrounds• Icons• Tables
www.highroadsolution.com
Buttons
Questions?Twitter: @admhggns