Infographic: How to get Your First 1,000 Followers on Instagram

Just getting those first 100 followers on Instagram can seem like a challenge. But let’s reach for the stars and learn how to get 1,000! Below are some incredibly useful tips for both personal and business Instagram accounts. Would you like to display this infographic on your site? You can copy and paste the HTML code below into your website to display this infographic: ++ Click Image to Enlarge ++Source: Infographic: How to get Your First 1000-Followers on Instagram Sources Instagram Help Center The Science of Instagram: How to Get More Followers and Likes Statistics That Reveal Instagram’s Mind-Blowing Success…

The post Infographic: How to get Your First 1,000 Followers on Instagram appeared first on The Daily Egg.

Link:  

Infographic: How to get Your First 1,000 Followers on Instagram

Turn Your Business Blog into a Conversion Machine with These 8 Methods

After hearing everyone say, “Content is King!” you decide your website needs a new blog, or at the very least, you decide to revive an inactive one. But you shouldn’t have a blog just for the sake of having one, not when it’s for business. There has to be some kind of goal, and for most, if not all enterprises, it has to be conversions. You’ve been blogging for 6 months now, and you have an audience who is liking and sharing your content. The problem is, no one’s buying. If this is the case for you, then you have…

The post Turn Your Business Blog into a Conversion Machine with These 8 Methods appeared first on The Daily Egg.

Link – 

Turn Your Business Blog into a Conversion Machine with These 8 Methods

Create a Data-Driven Content Strategy in 1 Day [INFOGRAPHIC]

If you’re a content writer, you might think that data analytics isn’t relevant to you (I know I did). But you’d be wrong. Data and content are actually a match made in heaven. If you collect the right data, you can find out what type of content resonates with your audience  — isn’t that a writer’s ultimate goal?

By developing a data-driven content strategy, you are ensuring the content you’re producing is relevant to your current readers as well as your prospects (who may not know who the heck you are). Plus, the chances are high your competitors already have a data-driven content strategy, so creating one for your business is just, well, good business.

Are you freaking out?

Well stop. Building a data-driven content strategy doesn’t have to take longer than a day. Yep, you read that right: one day. Oh, and if you use free tools like we suggest, it’s also easy on the budget (something your boss will no doubt appreciate).

Our friends at JBH Agency have designed a beautiful step-by-step infographic showing you exactly how to build your data-driven content strategy: all you need is 24 hours, a few free tools and one clever human.

Psst: If you’re more of a reader than a visual learner, check out the original article that inspired this infographic, written by Unbounce’s Brad Tiller.
Data-driven content strategy infographic

Embed this infographic on your site

This article is from – 

Create a Data-Driven Content Strategy in 1 Day [INFOGRAPHIC]

How to Include Wikipedia In Your Online Marketing Strategy

Got a marketing strategy? Does it include Wikipedia? If not, you may want to rethink your game plan. Marketers have been implementing Wikipedia as part of their marketing strategy for years and have reaped many of the benefits that have come from it. When it comes to marketing, Wikipedia is its own animal. It is not social media, a directory, or a news website. It has a writing style like no other and anyone can contribute to its content. This is one of the reasons many people overlook it when it comes to marketing. However, Wikipedia can be a powerful…

The post How to Include Wikipedia In Your Online Marketing Strategy appeared first on The Daily Egg.

Continue reading: 

How to Include Wikipedia In Your Online Marketing Strategy

Tips and tactics for A/B testing on AngularJS apps

Reading Time: 8 minutes

Alright, folks, this week we’re getting technical.

This post is geared toward Web Developers who’re working in conversion optimization, specifically those who are testing on AngularJS (or who are trying to test on AngularJS).

Angular, while allowing for more dynamic web applications, presents a problem for optimization on the development side.

It basically throws a wrench in the whole “I’m trying to show you a variation instead of the original webpage without you knowing it’s a variation”-thing for reasons I’ll get into in a minute.

At WiderFunnel, our Dev team has to tackle technical obstacles daily: many different clients means many different frameworks and tools to master.

Recently, the topic of How the heck do you test on Angular came up and Tom Davis, WiderFunnel Front End Developer, was like, “I can help with that.”

So here we go. Here are the tips, tricks, and workarounds we use to test on AngularJS.

Let’s start with the basics:

What is AngularJS?

Angular acts as a Javascript extension to HTML, running in most cases on the client-side (through the browser). Because HTML isn’t a scripting language (it doesn’t run code), it’s limited. Angular allows for more functionality that HTML doesn’t have. It provides a framework to develop apps that are maintainable and extendable, while allowing for features such as single page navigation, rich content, and dynamic functionality.

Note: You can mimic Angular with plain Javascript, however, Angular provides a lot of functionality that a Developer would otherwise have to build themselves.

Why is AngularJS popular?

The real question here is why are JS front-end frameworks and libraries popular? Angular isn’t the only framework you can use, of course: there’s EmberJS, React.js, BackBone etc., and different Developers prefer different frameworks.

But frameworks, in general, are popular because they offer a means of providing a rich user experience that is both responsive and dynamic. Without Angular, a user clicks a button or submits a form on your site, the browser communicates with the server, and the server provides entirely new HTML content that then loads in the browser.

When you’re using Angular, however, a user clicks a button or submits a form and the browser is able to build that content itself, while simultaneously performing server tasks (like database submissions) in the background.

For example, let’s think about form validations.

No Angular:

A user submits a form to create an account on a site. The browser talks to the server and the server says, “There’s a problem. We can’t validate this form because this username already exists.” The server then has to serve up entirely new HTML content and the browser re-renders all of that new content.

This can lead to a laggy, cumbersome user experience, where changes only happen on full page reloads.

With Angular:

A user submits a form to create an account on a site. The browser talks to the server via JSON (a collection of data) and the server says, “There’s a problem. We can’t validate this form because this username already exists.” The browser has already loaded the necessary HTML (on the first load) and then simply fills in the blanks with the data it gets back from the server.

Disclaimer: If you don’t have a basic understanding of web development, the rest of this post may be tough to decipher. There is a Glossary at the end of this post, if you need a quick refresher on certain terms.

Why it can be tricky to test on Angular apps

As mentioned above, Angular acts as an HTML extension. This means that the normal behaviors of the DOM* are being manipulated.

Angular manipulates the DOM using two-way data binding. This means that the content in the DOM is bound to a model. Take a look at the example below:

Testing on Angular_2-way-data-binding

The class “ng-binding” indicates that the H1 element is bound to a model, in this case $scope.helloWorld. In Angular, model data is referred to in an object called $scope. Any changes to the input field value will change helloWorld in the $scope object. This value is then propagated down to the H1 text.

This means that, if you make any changes to the H1 element through jQuery or native JS, they will essentially be overridden by $scope. This is not good in a test environment: you cannot guarantee that your changes will show up when you intend them to, without breaking the original code.

Laymen’s terms: $scope.helloWorld is bound to the H1 tag, meaning if anything in the variable helloWorld changes, the H1 element will change and vice versa. That’s the power of Angular.

Typically, when you’re testing, you’re making changes to the DOM by injecting Javascript after all of the other content has already loaded.

A developer will wait until the page has loaded, hide the content, change elements in the background, and show everything to the user post-change. (Because the page is hidden while these changes are being made, the user is none-the-wiser.)

Tom-Davis

We’re trying to do this switcheroo without anyone seeing it.

– Thomas Davis, Front End Developer, WiderFunnel

In Angular apps, there’s no way to guarantee that all of the content has been rendered before that extra Javascript is injected. At this point, Angular has already initialized the app, meaning any code running after this is outside of Angular’s execution context. This makes it complicated to try to figure out when and how to run the changes that make up your test.

When you’re running a test, the changes that make up Variation A (or B or C) are loaded when the page loads. You can only manipulate what’s in the DOM already. If you can’t guarantee that the content is loaded, how do you ensure that your added Javascript runs at the right time and how do you do this without breaking the code and functionality?

Tom explained that, as a dev trying to do conversion optimization on an Angular application, you find yourself constantly trying to answer this question:

How can I make this change without directly affecting my (or my client’s) built-in functionality? In other words, how can I make sure I don’t break this app?

How to influence Angular through the DOM

Angular makes for a complicated testing environment, but there are ways to test on Angular. Here are a few that we use at WiderFunnel (straight from Tom’s mouth to your eyeballs).

Note: In the examples below, we are working in the Inspector. This is just to prove that the changes are happening outside the context of the app and, therefore, an external script would be able to render the same results.

1. Use CSS wherever possible

When you’re running a test on Angular, use CSS whenever possible to make styling changes.

CSS is simply a set of styling rules that the browser applies to matching elements. Styling will always be applied on repaints regardless of how the DOM is bound to Angular. Everytime something changes within the browser, the browser goes through its list of styling rules and reapplies them to the correct element.

Let’s say, in a variation, you want to hide a banner. You can find the element you want to hide and add a styling tag that has an attribute of display none. CSS will always apply this styling and that element will never be displayed.

Of course, you can’t rely on CSS all of the time. It isn’t a scripting language, so you can’t do logic. For instance, CSS can’t say “If [blank] is true, make the element color green. If [blank] is false, make the element color red.”

In other cases, you may want to try $apply.

2. Using $scope/$apply in the DOM

We’ve established that Angular’s two-way data binding makes it difficult to develop consistent page changes outside of the context of Angular. Difficult…but not impossible.

Say you want to change the value of $scope.helloWorld. You need a way to tell Angular, “Hey, a value has changed — you need to propagate this change throughout the app.”

Angular checks $scope variables for changes whenever an event happens. An event attribute like ng-click or ng-model will force Angular to run the Digest Loop*, where a process called dirty checking* is used to update the whole of the app with any new values.

If you want to change the value of $scope.helloWorld and have it propagated throughout the app, you need to trick Angular into thinking an event has occurred.

But, how?

First step: You’ll need to access the model in the $scope object. You can do this simply by querying it in the DOM.

Testing on Angular_$scope

In this example, you’re looking at the $scope object containing all models available to the H1 element. You’re looking at the helloWorld variable exposed.

Once you have access to helloWorld, you can reassign it. But wait! You’ve probably noticed that the text hasn’t changed in the window… That’s because your code is running outside the context of Angular — Angular doesn’t know that a change has actually been made. You need to tell Angular to run the digest loop, which will apply the change within it’s context.

Fortunately, Angular comes equipped with an $apply function, that can force a $digest, as shown below.

Testing on Angular_$apply

3. Watch for changes

This workaround is a little manual, but very important. If the source code changes a variable or calls a function bound to $scope, you’ll need to be able to detect this change in order to keep your test functional.

That’s where Angular’s $watch function comes in. You can use $watch to listen to $scope and provide a callback when changes happen.

In the example below, $watch is listening to $scope.helloWorld. If helloWorld changes, Angular will run a callback that provides the new value and the old value of helloWorld as parameters.

Testing on Angular_$watch

Custom directives and dependency injection

It’s important that you don’t default to writing jQuery when testing on Angular apps. Remember, you have access to all the functionality of Angular, so use it. For complex experiments, you can use custom directives to manage code structure and make it easy to debug.

To do this, you can implement an injector to apply components in the context of the app that you’re testing on. Here’s a simple example that will alert you if your helloWorld variable changes:

For more details on how to use an injector, click here.

—–

These are just a few of the tactics that the WiderFunnel Dev team uses to run successful conversion optimization on Angular apps. That said, we would love to hear from all of you about how you do CRO on Angular!

Do you use the same tactics described here? Do you know of other workarounds not mentioned here? How do you test successfully on Angular apps? Let us know in the comments!

Glossary

DOM: The Document Object Model (DOM) is a cross-platform and language-independent convention for representing and interacting with objects in HTML, XHTML, and XML documents

$scope: Scope is an object that refers to the application model. It is an execution context for expressions. Scopes are arranged in hierarchical structure which mimic the DOM structure of the application. Scopes can watch expressions and propagate events.

$apply: Apply is used to execute an expression in Angular from outside of the Angular framework. (For example from browser DOM events, setTimeout, XHR or third party libraries).

JSON: (JavaScript Object Notation) is a lightweight data-interchange format. It is easy for humans to read and write. It is easy for machines to parse and generate. It is based on a subset of the JavaScript Programming Language, Standard ECMA-262 3rd Edition – December 1999

Two-way data binding: Data-binding in Angular apps is the automatic synchronization of data between the model and view components. The way that Angular implements data-binding allows you to treat the model as the single source of truth in your application.

Digest Loop: There is an internal cycle called $digest that runs through the application and executes watch expressions and compares the value returned with the previous value and if the values do not match then a listener is fired. This $digest cycle keeps looping until no more listeners are fired.

Dirty Checking: Dirty checking is a simple process that boils down to a very basic concept: It checks whether a value has changed that hasn’t yet been synchronized across the app

The post Tips and tactics for A/B testing on AngularJS apps appeared first on WiderFunnel Conversion Optimization.

Visit source: 

Tips and tactics for A/B testing on AngularJS apps

An Introduction To Redux


Redux is one of the hottest libraries in front-end development these days. However, many people are confused about what it is and what its benefits are. As the documentation states, Redux is a predictable state container for JavaScript apps. To rephrase that, it’s an application data-flow architecture, rather than a traditional library or a framework like Underscore.js and AngularJS.

An Introduction To Redux

Redux was created by Dan Abramov around June 2015. It was inspired by Facebook’s Flux and functional programming language Elm. Redux got popular very quickly because of its simplicity, small size (only 2 KB) and great documentation. If you want to learn how Redux works internally and dive deep into the library, consider checking out Dan’s free course.

The post An Introduction To Redux appeared first on Smashing Magazine.

See the article here – 

An Introduction To Redux

How Agency RevUnit Used Unbounce to Turn Up Conversions for School of Rock

How Agency RevUnit Turned Up Conversions
Digital Marketing Agency RevUnit rocked the house for their client by turning a deceptively simple idea into a 400% lift in PPC conversions.

When I first met Seth Waite over a Google Hangout a few weeks ago, he mentioned that his agency, RevUnit, had done some “pretty fun things with Unbounce” for clients.

It took a little while for me to understand what Seth really meant by “fun;” he meant innovative, experimental digital marketing that actually moves the needle on results. I’ll admit, fun isn’t the first word I’d use to describe Seth’s story.

It’s genius.

It’s also deceptively simple.

Based out of Las Vegas, Seth is the CMO at RevUnit, a full-scale digital agency that takes pride in their ability to “Build Small. Learn Fast. Iterate Often.”

This is the story of how Seth’s team at RevUnit used Unbounce to iterate a PPC — and it all started with a simple audit.

A little bit of background

RevUnit’s newest client, School of Rock, had a little bit of an Adwords addiction. Their PPC spending was on overdrive. But the ROI? Well, there was room for improvement.

School of Rock is a music school with more than 160 franchise locations worldwide. They came to RevUnit after experiencing poor-performing Adwords campaigns with a specialized PPC agency. Lead acquisition via PPC for new enrolments was slow and lagging.

School of Rock’s main goal was to drive new student enrolment to individual franchises.  In other words, they needed to get more students signed up for music classes at one of the more than 160 locations worldwide.

The question was, how could they increase enrolments and lower the cost of acquisition at the same time?

It all started with a simple audit

Before digging in and building new campaigns from scratch, RevUnit performed a full audit of School of Rock’s Adwords account concentrating on keywords, ads and landing pages.

The AdWords account consisted of 160+ campaigns, 800,000+ keywords and 160+ landing pages. It’s important to note that each campaign represents a franchise location (for instance, “School of Rock Scottsdale” is a single campaign) and each of those franchises locations had their own dedicated landing page.

During the audit Seth’s team found some pretty common mistakes, particularly with the landing pages associated with each campaign. Here’s what they were working with in the beginning:

Problems with the “before” landing pages:

  • Pages were very slow to load. Search engines like Google see this as a poor experience for users, and as a result, penalize pages with a lower quality score.
  • The lead forms embedded into each landing page were pretty long. Too many form fields can cause visitors friction, meaning they’re less likely to complete the form (and more likely to bounce).
  • There were some general design and copy issues, the biggest being that content was not designed for easy reading. While there was a lot of information on the pages, it not tell a compelling story.
  • The pages did not mirror their upstream ads. Without a strong message match, visitors are more likely to bounce, again resulting in a lower quality score from Google.
  • Campaigns weren’t enabled with click-to-call tracking so it was impossible to measure how many phone calls were generated from Adwords activities.

Seth’s team hypothesized that if they tackled each of the problems above, School of Rock would yield better results from their AdWords campaigns.

But (and this was a pretty big ‘but’), they couldn’t really afford to tackle 160 different landing pages without knowing for sure.

Here’s the good part

Instead of jumping in willy nilly, Seth’s team decided to use Unbounce to create a template for just one of the franchise locations. Basically, he created a single landing page to test out his hypothesis. The idea was that if the template actually increased enrollment for one of the franchise locations it could be replicated for others.

Sidnee Schaefer, RevUnit’s Senior Marketing Strategist, then went to the whiteboard with Seth and other members of the team to design the new strategic landing pages. After creating a mockup of the new page’s layout, Sidnee jumped into the Unbounce builder to implement the design.

The newly designed landing page template aimed to follow a story that is easy-to-digest and comprehend while presenting a clean and well-structured format. The page was built to create the shortest path to conversion without sacrificing need-to-know information.

According to Seth,

Every brand has a very different story and we knew how important it was to tell the story of how School of Rock is different than the average music school. We designed the page to reflect this brand positioning.

For the new School of Rock landing pages, content was strategically placed into sections covering who, what, where and why (including reviews). “We kept the copy clear and strong to avoid burdening people with too much information,” says Seth.

RevUnit also used Zapier to bridge a connection between Unbounce and School of Rock’s CRM system, so new leads go directly to franchises once submitted.

The result of RevUnit’s pilot was pretty convincing: a 75% increase in average weekly conversions and a 50% decrease in cost per conversion. And, all these new leads were acquired using half the budget.

Whew.

But that’s not all.

Seth didn’t stop with “good enough” – that’s just not his kind of fun.

Here’s the even *better* good part

The cherry on top of this masterminded plan is how RevUnit implemented Dynamic Text Replacement (DTR) to really match Google search queries with the landing page’s headline.

DTR is an Unbounce feature that lets you tailor the text on your landing page to match keyboard parameters, pay-per-click (PPC) campaigns, and other sources, using external variables you can attach to the URL.

DTR automatically updates specified content on your page (like a word in your headline) based on a visitor’s search query. RevUnit used DTR on their client’s landing page to ensure each visitor was served up the most relevant copy possible.

Seth explains:
DTR_!

We used dynamic content on the landing page which allowed us to show personalized content to different site visitors based on keywords and locations from the ads. This helped us match the perfect ad with the perfect landing page.

In other words, when a searcher types in “drum lessons, Scottsdale, AZ” dynamic text replacement (DTR) is used to match the landing page headline with the Google search query. As a result, when the visitor clicks through to the School of Rock landing page, the headline would look something like this, “Scottsdale Drum Lessons.”

A strong message match between the traffic source (PPC ad, social media, dedicated email or otherwise) and the landing page headline helps visitors understand that they are in the right place (and prompts thoughts like “yes, this is exactly what I was looking for!”).

According to Seth, here’s why DTR was a game changer for this campaign, “because our PPC keyword strategy was very focused on instrument lessons (guitar, piano, etc), we’d need five landing pages (a different landing page for each instrument type) for each franchise location.”

This would have normally been a painful and timely undertaking but, as Seth put it, “Unbounce had a solution.”

Here’s how they used DTR:

We strategically designed the pages with DTR in mind, so that instrument keywords could be placed throughout the page. Instead of having to create 750+ landing pages, we only had to create one for each franchise location.

The results

After the pilot’s stellar performance, Seth knew with confidence that it was time to roll it out to the rest of the 160+ School of Rock franchise locations.

Again, the results were incredible:

The number of monthly conversions improved 5x, by 250%, and the cost per conversion decreased by 82%. School of Rock has seen a huge improvement to their ROI on AdWords and their lead volume is stabilized.

What did the mean for School of Rock? Well, according to Seth, the “average value of improvements made based on customer lifetime value is potentially a 400% increase in yearly revenue based on new leads.”

The numbers are impressive but the best part of this story is that it’s easy for data-driven marketers to replicate. Start with a guess – a hunch, a hypothesis, an idea – and test it out. In other words, “Build Small. Learn Fast. Iterate Often.

Continue reading here:

How Agency RevUnit Used Unbounce to Turn Up Conversions for School of Rock

8 Methods That Work (And Those That Don’t) For Conversion Optimization on Low-Traffic Websites

A low-traffic website must make every click count. The competition is high, traffic is low, and visitors are always in a hurry. This increases the pressure on the marketer. He or she has to ensure that most clicks convert to leads or customers and the conversion funnel receives a continuous stream of marketing mix. The unfortunate thing is that most companies focus more on building a brand rather than on improving conversions. Conversion Rate Optimization (CRO) is what the focus should be on. Here’s an overall view of the CRO funnel: Content that generates clicks Clickers that land on your…

The post 8 Methods That Work (And Those That Don’t) For Conversion Optimization on Low-Traffic Websites appeared first on The Daily Egg.

Visit site – 

8 Methods That Work (And Those That Don’t) For Conversion Optimization on Low-Traffic Websites

Google’s RankBrain and the Increasing Role of AI in SEO

While Google’s far from becoming Skynet just yet, as of 2015, it has officially infused its search algorithm with artificial intelligence (AI) – well, machine learning, at the very least. First revealed via Bloomberg Tech, Google’s RankBrain, an AI machine learning system intended to help provide more reliable search results, has been in operation for about a year now. They tested it out for a few months, it surpassed their expectations, and now it is the third most important ranking factor in search engine results pages (SERPs). Wait, Did You Say AI? Don’t worry, it’s not the self-aware threat to…

The post Google’s RankBrain and the Increasing Role of AI in SEO appeared first on The Daily Egg.

Link:

Google’s RankBrain and the Increasing Role of AI in SEO

Should You Start Writing 3,000 Word Blog Articles?

Have you noticed a blogging trend recently? A lot of the blogs that I follow have been producing really long posts — several thousand words, in fact. It might lead you to ask the question, do I need to start writing really long blog posts, too? The real question is this: How do you harness the power of content marketing? Content marketing is the obvious winner in the online marketing world. I recently rounded up some mind-blowing content marketing stats on my blog. Check out these numbers: Year-over-year growth in unique site traffic is 7.8x higher for content marketing leaders…

The post Should You Start Writing 3,000 Word Blog Articles? appeared first on The Daily Egg.

Link: 

Should You Start Writing 3,000 Word Blog Articles?