14
.
11
.
2023
27
.
06
.
2019
Marketing
Design

5 marketing hacks which will make your life easier

Maciej Zdunek
Marketing Specialist

In the first episode of marketing hacks, you could learn how to track an offline conversion. Right now I would like to take a step back and present to you some basic hacks and tips which will for sure make your life easier and save some of your time.

1. Checking FacebookAds of your competition.

And right now you can say that’s obvious because you can navigate from Facebook fan page to “Infos and Ads”... but Facebook turned off that function recently.

Facebook lets every users see all the ads which BusinessPage is running in resolution to bring more transparency around Facebook Ads. This can be used by anyone who wants to learn more about huge companies or just competitorss’ advertising strategy.

To see Ads which official fanpage is running, go to the main Page and click “Page Transparency” on the right sidebar of the screen.

You will get a popup with various info about the Page. Go to the Ad Library to see all the ads that are currently running. You can also search Ad Library directly by a Page name to find the ads for every business page you want to check.

Until a few days ago we could also see the engagements of the Ads with likes and comments - it was pretty cool to check what people like and on which types of content there is more engagement. Unfortunately Facebook turned off this functionality a week ago. Probably some changes are going to happen so if something will revise I will update this section for sure.

2. Creating really engaging designs

I could write a whole thesis about engaging and stunning designs and still that won’t be enough beacuse first of all it's huuuuge topic connected with a lot of researches and understanding of human psychology and habits and also it’s not my area of expertise. But let’s focus on a few tips which for sure increase your click-through rate.

  • Dynamic imagery

Experiments and researches claim that … static pictures evoking more perceived movement are able to draw attention more quickly, resulting in an earlier fixation.”

  • Inlcude People

Images of people capture attention.
The most important features are:

  • Faces Faces activate distinct brain regions

  • Bodies
    Just like faces, bodies capture attention through geometric composition.

  • Body parts There is a direct relationship between brain activation and hand realism. Activation and engagement are greater when hands looks more realistic.

  • Eye Gaze Theory: Through the ages of evolution people developed the ability to detect eyes more easily. Implement in your designs images of people who are looking in the eyes of the recipient to get attention instantaneously or let your character look at CTA or text in the image.

In practise:

  • Pointing

Similar to eyes gaze gestures has an influence for capturing attention.

Psychologists measured the effects of multiple hand gestures. The isolated index finger generated the strongest impact on attention.

  1. How to download Facebook videos from other’s pages.

Have you ever seen such a great video on Facebook that you want to download and don’t know how? There are many ways to do it including some basic softwares which provides that option. But I learned a really easy way to do it very quickly and without any obstacles.

Step 1.

Choose the post with the video you want to download.

Step 2.

Click on the date or hour of publishing (It will open the post with separate URL).

Step 3.

In this step, we have to make some changes in the URL.
Let’s put “mbasic” instead of “www” at the beginning of the URL. Click Enter

Step 4.

Right now Facebook opens in a slightly different form and designs. Don’t worry. Click “Play” on and video should open in another card.

Step 5.

On a separate window, you will see your selected video with 3 buttons in the right bottom corner. Click on the shown dots and click “download”.

That’s it! You just download your video from the Facebook page!

  1. Chrome dev tools hacks (??)

In this paragraph, I would like to present a few tips with the usage of “Chrome dev tool” which is a set of web developer tools built directly into the Google Chrome browser. DevTools can help you edit pages on-the-fly and diagnose problems quickly.

There are many ways to open DevTools, because different users want quick access to different parts of the DevTools UI.

  • When you want to work with the DOM or CSS, right-click an element on the page and select Inspect to jump into the Elements panel. Or press Command+Option+C (Mac) or Control+Shift+C (Windows, Linux, Chrome OS).

  • When you want to see logged messages or run JavaScript, press Command+Option+J (Mac) or Control+Shift+J(Windows, Linux, Chrome OS) to jump straight into the Console panel.

Some of the things which I will share with you now is called “dirty user testing”. It’s trivial but sometimes can be very helpful and time-saving.

“Dirty” user testing

I always use it in case of preview some of the things on the page - for example, fonts, colors, titles.

When you ask others to choose the best title for your new blog post, of course, you can show a list of titles on a scrap of paper and present it but what about mocking up the titles, fonts, and colors in the content itself? So people can easily appreciate them in their intended place on the page/website?

How?

  1. Hover over the text you want to change

  2. Open the element tab in Chrome dev tool

  3. Double click on the text you want to change

  4. Make the change and hit enter

You can easily change the background color:
Press the Right arrow key, add a space, type

style="background-color:red" -

If you want to test more you have to dig more into HTML or Google lessons about Chrome devTool.
Example:

Now you can choose which colors or titles the best fits to your page.

Mobile devices preview

This one is useful to check how your or maybe your competitor’s website looks on mobile without the need to take the phone in your hand.

While cross-device testing can be painful, it's very crucial to know how your site looks across devices, especially when most of the traffic now is happening on mobile.

How?

  • Open Chrome dev tools

  • Click 'Toogle device toolbar' or press Ctrl+Shift+M (in the image below)

  • At the top of the view, you should see your selected page in the mobile view.

  • Now you can choose which device you want to check. Chrome device tool has a variety of phones and tablets from blackberry to the newest iPhones.

  • Select your device and see how your webpage renders across a range of mobile devices. Check your responsive design, check how your mobile-specific webpage is working at certain screens.
  1. *** bit.ly

Have you ever wondered how many visitors have specific shortened links?

I will present to you now a 1-second trick to easily check it.

Find a bit.ly link you want to measure:
http://bit.ly/2YqwV3e

Paste it and at the end of the URL add a “+” sign. It will redirect you to bit.ly page and show numbers of link clicks and even locations when you sign up.

This was pretty easy, right? But believe me, it can sometimes save a lot of your time or effords! So use these hacks as you wish and let me know if you have some comments or doubts.
Remember that this is already a second part of our marketing series, so go and read the first one!
More cool stuff coming sooon!

Maciej Zdunek
Marketing Specialist

Check my Twitter

Check my Linkedin

Did you like it? 

Sign up To VIsuality newsletter

READ ALSO

WebUSB - Bridge between USB devices and web browsers

14
.
11
.
2023
Burak Aybar
Ruby on Rails
Frontend
Backend
Tutorial

Visuality comes to town - this time it's Poznań

14
.
11
.
2023
Michał Piórkowski
Visuality
HR

CSS Modules in Rails

14
.
11
.
2023
Adam Król
Ruby on Rails
Tutorial
Backend
Frontend

How to choose a software house.

14
.
11
.
2023
Michał Piórkowski
Ruby on Rails
Business
Visuality

JSON API versus the NIH syndrome

14
.
11
.
2023
Nadia Miętkiewicz
Backend
Frontend
Tutorial

From Idea to Concept

02
.
10
.
2024
Michał Krochecki
Ruby on Rails
Business
Startups

Styling React Components

14
.
11
.
2023
Umit Naimian
Ruby on Rails
Frontend
Tutorial

How good design can help your business grow

14
.
11
.
2023
Lukasz Jackiewicz
Design
Business
Marketing

TODO not. Do, or do not.

29
.
11
.
2023
Stanisław Zawadzki
Ruby on Rails
Software

CS Lessons #003: Density map in three ways

14
.
11
.
2023
Michał Młoźniak
Ruby
Backend
Tutorial
Software

Clean code for the win

14
.
11
.
2023
Michał Piórkowski
Ruby on Rails
Backend
Frontend
Business

Crowd-operated Christmas Lights

14
.
11
.
2023
Nadia Miętkiewicz
Ruby on Rails
Backend

How to startup and be mature about it

14
.
11
.
2023
Rafał Maliszewski
Ruby on Rails
Startups
Business

A journey of a thousand miles begins with workshops

14
.
11
.
2023
Michał Piórkowski
Software
HR

CS Lessons #002: Data structures

14
.
11
.
2023
Michał Młoźniak
Ruby
Software

Summary of Phoenix workshop at Visuality

14
.
11
.
2023
Karol Słuszniak
Ruby on Rails
Visuality
Backend

CS Lessons #000: Introduction and motivation

14
.
11
.
2023
Michał Młoźniak
Ruby
Software

CS Lessons #001: Working with binary files

14
.
11
.
2023
Michał Młoźniak
Ruby
Software

Working with 40-minute intervals

14
.
11
.
2023
Sakir Temel
Software
HR

THE MATURE TECH STARTUP DILEMMA: WHAT'S NEXT

14
.
11
.
2023
Susanna Romantsova
Startups

Win MVP workshop!

14
.
11
.
2023
Susanna Romantsova
Startups

FINTECH WEEK IN OSLO: WHATs & WHYs

14
.
11
.
2023
Susanna Romantsova
Conferences

MY FIRST MONTH AT VISUALITY

14
.
11
.
2023
Susanna Romantsova
Visuality
HR

NASA 1st global hackaton in Poland? Visuality Created it!

14
.
11
.
2023
Rafał Maliszewski
Ruby on Rails

Berlin StartupCamp 2016 summary

14
.
11
.
2023
Michał Piórkowski
Conferences
Startups