Kategorie:Content in English

Content in English JavaScript/PHP

Five basic lessons from UX and front-end development in Booking.com

When I visited Israel I have also participated on one front-end event in Booking.com Tel Aviv office. This was very inspiring event with examples from Booking.com teams. I took these five basic lessons away.

Číst více
Content in English WordPress

Why and how did I left Tumblr and migrate to WordPress?

I had been using Tumlbr for more than 4 years after I left Posterous. Unfortunately, Tumblr started to be really poor for my needs and it also limited me from development of my website. The main reasons why I decided for WordPress -> Tumblr migration were:

Číst více
Content in English Sociální sítě

When will my Twitter account become eligible for advertising?

When I wanted to launch Twitter ads, I received an error message that my account is not eligible for advertising. How long it takes to actually become eligible?

I became eligible when I had:

  • 7 tweets
  • 26 days
  • 2 followers

There may be more reasons why you cannot run your ads (e.g. country). You can find more at official resource from Twitter.

Číst více
Content in English JavaScript/PHP

Ultimate guide – how to use custom JavaScript in Microsoft Sharepoint Online

Recently I have tried to implement Google Tag Manager in MS Sharepoint Online. For the usual website this would be the matter of minutes. However, in MS Sharepoint Online, it is kind of bigger challenge.

Číst více
Content in English Webová analytika

WASP – one of the top debugging tools for web analyst

WASP – one of the top debugging tools for web analyst

Číst více
Content in English Webová analytika

Track Prezi in Google Analytics

Client asked me to track Prezi in Google Analytics. However, there is no way how to track iframe embed. Thus I had to use Prezi API to make this running. API is only alfa right now but I hope this basic function will work for a long time. I used Google Tag Manager to make this running.

You can try everything at prezidemo.marketingmakers.net

image


1. Use api to embed Prezi in the page

You can find all neccessary documentation on Github. This is a code that will place video in the page.

Update 30.6.2017: As of the update in March/April this solution does not work 100%. Unfortunatelly, I do not have a capacity to fix this. If you have, I will help you with the task.

<script src="http://prezi.github.io/prezi-player/lib/PreziPlayer/prezi_player.js">
</script><script>

		var player = new PreziPlayer('prezi_here', {
			preziId: 'l3qa8ydbj1l7',
			width: 620,
			height: 444,
			explorable: false,
			controls: true
		});
		
	
</script>

2. Push event to dataLayer on every slide of a Prezi

I push name of the Prezi presentation and step (slide).

player.on(PreziPlayer.EVENT_CURRENT_STEP, function(e) 
{ dataLayer.push({ 'event': 'trackprezi', 
'name': player.getTitle(), 
'step': player.getCurrentStep() }) });

3. Create tag in Google Tag Manager that fires when trackprezi happens

Create dataLayer variables

image


and then create tag Google Analytics – Event.

image


This tag should fire when trackprezi happens.

image


This is it! Go to Behaviour -> Events in Google Analytics and enjoy your data!

image


Číst více
Content in English Konference, školení, novinky

Technology for Marketing & Advertising 2015 – TFM&A 2015 – The premier event for modern marketers

Technology for Marketing & Advertising 2015 – TFM&A 2015 – The premier event for modern marketers

Číst více
Content in English WordPress

WordPress, Joomla and Drupal are NOT the Best CMS

WordPress, Joomla and Drupal are NOT the Best CMS

Číst více
Content in English Sociální sítě

Limited thumbnails when posting to Facebook via HootSuite

I used to have problems when posting to Facebook via HootSuite. HootSuite offered me bad or very few thumbnails images. I found 2 particular solutions.

Use meta property og:image tag

HootSuite uses Facebook API and if you post to HootSuite, this API starts to crawl your site for images. However, this algorithm is not as sophisticated as the algorithm used on Facebook itself.

It helps if you use meta property og:image tags. All images mentioned in og:image will be offered to be posted as a thumbnail. It makes sense to use even more og:tags as is showed on the image below.

image

If you use WordPress, the easiest way is to install Yoast SEO plugin (or similar) that will automatically label all images in <img> tag with appropriate og:image tag. Of course, you can set default image in a code (e. g. the logo of your page) or you can set og:image for a particular page.

Use Google+ first

Google+ uses different algorithm for crawling images. Moreover, Google+ do not allow „No thumbnail“ option. You can use it.

  1. Create a post for Google+ and insert a link.
  2. Choose an image.
  3. Add Facebook page
  4. Remove Google+ page
  5. and post!

Using this method is a must if you are trying to share a content from other sites where you cannot use own og:image tag.

Problems with thumbnails when using ow.ly

Usually this problem may be solved by two methods mentioned so far. However, sometimes using ow.ly may cause that images do not load. In most cases work :Google+ method, simple reload of the page or a creation of a new shorten link.

Nonetheless, if you try to use ow.ly to share Facebook Group, Page or Event, I was not able to find suitable solution and I need to post Facebook-created links without shortening.

Hope this tutorial will help you to use HootSuite better. If you have any question, ask me @blazekmichal on Twitter.

Číst více
Content in English Názory

My listening betrayed me, Toastmasters saved me!

Recently I’ve been studying at VIA Summer School in Denmark (watch a blog). We were asked to create elevator pitch. I’ve created elevator pitch focused on my business. I had precise PowerPoint presentation, big surprise for investors (= classroom) and prepared call to action. Everything was carefully timed to fit 3 minutes.

The time came and I jumped to the stage. Started connecting my laptop to the projector… “Michael, elevator pitch is without computer!” OK, I wasn’t listening the instruction day before and I had to change my presentation dramatically in few seconds. Got an idea and started speaking without presentation based on the ad-hoc structure. As I was observing the audience, everybody seems to be interested. “Michael 10 minutes remain” “What?” Second listening fault: I thought I have 3 minutes not 90 seconds. Not only I was forced to change my presentation to Table Topic (kind of short improvized speech), but I had to finish it in 10 – 20 seconds.

According to audience, it was a good performance. However, for me it was a fault because I forgot that listening is as important as speaking (or even more important). Thank you for this lesson!

image

Like Bohemian Toastmasters FB page to receive speaking tips from professionals for free!

Číst více
1 2