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

N+1 in Ruby on Rails

14
.
11
.
2023
Katarzyna Melon-Markowska
Ruby on Rails
Ruby
Backend

Turbo Streams and current user

29
.
11
.
2023
Mateusz Bilski
Hotwire
Ruby on Rails
Backend
Frontend

Showing progress of background jobs with Turbo

14
.
11
.
2023
Michał Łęcicki
Ruby on Rails
Ruby
Hotwire
Frontend
Backend

Table partitioning in Rails, part 1 - Postgres Stories

14
.
11
.
2023
Jarosław Kowalewski
Postgresql
Backend
Ruby on Rails

Table partitioning types - Postgres Stories

14
.
11
.
2023
Jarosław Kowalewski
Postgresql
Backend

Indexing partitioned table - Postgres Stories

14
.
11
.
2023
Jarosław Kowalewski
Backend
Postgresql
SQL Views in Ruby on Rails

SQL views in Ruby on Rails

14
.
11
.
2023
Jan Grela
Backend
Ruby
Ruby on Rails
Postgresql
Design your bathroom in React

Design your bathroom in React

14
.
11
.
2023
Bartosz Bazański
Frontend
React
Lazy Attributes in Ruby - Krzysztof Wawer

Lazy attributes in Ruby

14
.
11
.
2023
Krzysztof Wawer
Ruby
Software

Exporting CSV files using COPY - Postgres Stories

14
.
11
.
2023
Jarosław Kowalewski
Postgresql
Ruby
Ruby on Rails
Michał Łęcicki - From Celluloid to Concurrent Ruby

From Celluloid to Concurrent Ruby: Practical Examples Of Multithreading Calls

14
.
11
.
2023
Michał Łęcicki
Backend
Ruby
Ruby on Rails
Software

Super Slide Me - Game Written in React

14
.
11
.
2023
Antoni Smoliński
Frontend
React
Jarek Kowalewski - ILIKE vs LIKE/LOWER - Postgres Stories

ILIKE vs LIKE/LOWER - Postgres Stories

14
.
11
.
2023
Jarosław Kowalewski
Ruby
Ruby on Rails
Postgresql

A look back at Friendly.rb 2023

14
.
11
.
2023
Cezary Kłos
Conferences
Ruby

Debugging Rails - Ruby Junior Chronicles

14
.
11
.
2023
Piotr Witek
Ruby on Rails
Backend
Tutorial

GraphQL in Ruby on Rails: How to Extend Connections

14
.
11
.
2023
Cezary Kłos
Ruby on Rails
GraphQL
Backend
Tutorial

Tetris on Rails

17
.
03
.
2024
Paweł Strzałkowski
Ruby on Rails
Backend
Frontend
Hotwire

EURUKO 2023 - here's what you've missed

14
.
11
.
2023
Michał Łęcicki
Ruby
Conferences

Easy introduction to Connection Pool in ruby

14
.
11
.
2023
Michał Łęcicki
Ruby on Rails
Backend
Ruby
Tutorial

When crazy ideas bring great time or how we organized our first Conference!

04
.
12
.
2023
Alexander Repnikov
Ruby on Rails
Conferences
Visuality

Stacey Matrix & Takeaways - why does your IT project suck?

14
.
11
.
2023
Wiktor De Witte
Project Management
Business

A simple guide to pessimistic locking in Rails

14
.
11
.
2023
Michał Łęcicki
Ruby on Rails
Backend
Ruby
Tutorial

Poltrax design - story of POLTRAX (part 3)

04
.
12
.
2023
Mateusz Wodyk
Startups
Business
Design

Writing Chrome Extensions Is (probably) Easier Than You Think

14
.
11
.
2023
Antoni Smoliński
Tutorial
Frontend
Backend