Skip to main content

Google Search can provide you with HEX Colour Codes

1 min read

If you are ever stuck trying to to find a hex colour code value, just turn to google! Simply search for 'hex color' and google will provide a handy hex colour tool as the top result.

hex color tool

As well as the HEX value you will also get the RGN, HSV, HSL and the CMYK values.

Why not give it a try yourself: https://www.google.co.uk/search?q=hex+color

AARRR: the Pirate Metrics model and the user lifecycle

1 min read

The Pirate Metrics model (AARRR) is so named because it consists of 5 stages that make up the user lifecycle:

  • Acquisition: You acquire the user: from various channels.
  • Activation: Your user tries and enjoys their first visit to your site - happy user!
  • Retention: The user continues to use visit your site, indicating they like your site.
  • Referral: The user likes your site and refers others to the site.
  • Revenue: Users conduct some monetization behaviour (or goal completion)

Watch Dave McClures video from the Seattle Ignite talk on Startup Metrics for Pirates:

Or view the presentation.

How to add Google Tag Manager to your Blogger template

2 min read

To implement Google Tag Manager in your Blogger template you need to add two snippets of code.

1. Copy the following JavaScript and paste it as close to the opening head tag as possible in your template, replacing GTM-XXXX with your container ID:

&lt;!-- Google Tag Manager --&gt;<br />

&lt;script&gt;(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':<br />

new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],<br />

j=d.createElement(s),dl=l!='dataLayer'?'&amp;l='+l:'';j.async=true;j.src=<br />

'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);<br />

})(window,document,'script','dataLayer','GTM-XXXX');&lt;/script&gt;<br />

&lt;!-- End Google Tag Manager --&gt;

2. Copy the following snippet and paste it immediately after the opening body tag in your template, replacing GTM-XXXX with your container ID:

&lt;!-- Google Tag Manager (noscript) --&gt;<br />

&lt;noscript&gt;&lt;iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXX"<br />

height="0" width="0" style="display:none;visibility:hidden"&gt;&lt;/iframe&gt;&lt;/noscript&gt;<br />

&lt;!-- End Google Tag Manager (noscript) --&gt;

In blogger you will see the following error

Error parsing XML, line 10, column 43: The reference to entity "l" must end with the ';' delimiter.

Due to the way Blogger parses XML, this line of code needs to be amended:

j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=

Replace &l with:

Fix Google Tag Manager Blogger error

When you replace the code and save the template you will not get the error message.

Register of Members’ Interests as of 25 January 2017 http://www.niassembly.gov.uk/your-mlas/register-of-interests/

La La Land: a thoroughly enjoyable Tuesday night movie

1 min read

Guardian review:

La La Land is such a happy, sweet-natured movie – something to give you a vitamin-D boost of sunshine.

Watch the trailer:

Embed code for NI Assembly Live Stream 2

1 min read

For Desktops:

Code:

&lt;script src="//content.jwplatform.com/players/7SwFnp42-p0IJmzH8.js"&gt;&lt;/script&gt;

For Android/iOS

Code:

&lt;script src="//content.jwplatform.com/players/9Cdjn0L6-p0IJmzH8.js"&gt;&lt;/script&gt;

NI Assembly Live Stream 3 Embed Code

1 min read

For Desktops:

Code:

&lt;script src="//content.jwplatform.com/players/fMBltYzk-p0IJmzH8.js"&gt;&lt;/script&gt;

For Android/iOS:

Code:

&lt;script src="//content.jwplatform.com/players/iH9HqDOG-p0IJmzH8.js"&gt;&lt;/script&gt;

NI Assembly Live Stream 1 Embed Code

1 min read

For Desktops:

Code:

&lt;script src="//content.jwplatform.com/players/UIqXJnxJ-p0IJmzH8.js"&gt;&lt;/script&gt;

For Android/iOS:

Code:

&lt;script src="//content.jwplatform.com/players/XsFPMuKZ-p0IJmzH8.js"&gt;&lt;/script&gt;

The 25 Principles of Mobile Site Design

1 min read

Consumers increasingly rely on the mobile web for research and discovery, which makes it more important than ever for companies to have an effective mobile presence. But what makes a good mobile site?

The results uncovered 25 mobile site design principles, which we’ve grouped into five sections:

  • Homepage & Site Navigation
  • Site Search
  • Commerce & Conversions
  • Form Entry
  • Usability & Form Factor 

Key Takeaway

The common thread in all sections is that mobile users tend to be very goal-oriented -they expect to be able to get what they need from a mobile site easily, immediately, and on their own terms. Ensure success by designing with their context and needs in mind without sacrificing richness of content.

Download: Principles of Mobile Site Design: Delight users and drive conversions

Use Mailgun to send wordpress emails

1 min read

If you have a Wordpress site and have not been receiving your admin emails, you should start using Mailgun to deliver your email. 

Mailgun is the email automation engine trusted by over 10,000 website and application developers for sending, receiving and tracking emails. By taking advantage of Mailgun's powerful email APIs, developers can spend more time building awesome websites and less time fighting with email servers. Mailgun supports all of the most popular languages including PHP, Ruby, Python, C# and Java.

One particularly useful feature of this plugin is that it provides you with a way to send email when the server you are on does not support SMTP or where outbound SMTP is restricted since the plug-in uses the Mailgun HTTP API for sending email by default. All you need to use the plugin is a Mailgun account. Mailgun has a free account that lets you send up to 200 emails per day, which is great for testing. Paid subscriptions are available for increased limits.

It's easy to setup, but use this wpbeginner guide to help you through it.