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

Investment Days for productivity

14
.
11
.
2023
Rafał Maliszewski
Visuality
HR

Happy new year

14
.
11
.
2023
Michał Piórkowski
Visuality

Does Norway need Polish software development?

14
.
11
.
2023
Rafał Maliszewski
Ruby on Rails

Visuality is 8 years old

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

Use less javascript plugins

14
.
11
.
2023
Michał Młoźniak
Frontend

Front-Trends 2015

14
.
11
.
2023
Adam Król
Frontend

Automatic door opener controlled through slack

14
.
11
.
2023
Sakir Temel
Backend
Software
Tutorial

Wolves Summit

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

Berlin Startup Camp

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

Why you shouldn't work at Visuality

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

SaaS Meetup #People

14
.
11
.
2023
Michał Piórkowski
Conferences

Startup Safary Berlin 2015

14
.
11
.
2023
Michał Piórkowski
Conferences

Emmet makes HTML and CSS easier

14
.
11
.
2023
Michał Piórkowski
Frontend
Tutorial

Optional dependencies in gems

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

Text messaging with textris gem

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