RSS

Home

Dennis van der Heijden Aug 29 Tips & Tricks

When you want to test buttons within you ecommerce site and use Reedge, here is a little trick to test buttons on all product pages at once. To test on all product pages at the same time we need to find a part of the URL that is always there in a shop.

Use a multivariate test in the Testing -> Start new test area and follow the guide below.

Shopify

For Shopify this is for example /products/  by looking at examples http://shop.oneandonlyheadboards.com/products/island-sun and http://www.clothmoth.com/products/love-will-find-a-way-t-shirt

osCommerce

On osCommerce you have the following URL structure http://store.mandriva.com/product_info.php?cPath=149&products_i... it seems to contain product_info.php so with that we have a unique identifier for product pages.

Magento

Here its a but complicated since there is a very free URL structure that is very SEO oriented and has no reference to a product. For example http://www.magento-mall.com/sony-vaio-vgn-txn27n-b-11-1-notebook-pc... has no unique identifiers in the URL to tell this is a product page. But I am positive we will will be able to target these product pages. I suggest we look the HTML of the button you can target:

<button class="form-button" onclick="productAddToCartForm.submit()"><span>Add to Cart</span></button>

By seeing this I doubt if we find any more of these kinds of buttons on the site and if we do, we target them all. In step 1 of the Test Wizard we select the button and the jQuery selector is

FORM#product_addtocart_form DIV.product-shop DIV.add-to-holder FIELDSET.add-to-cart-box BUTTON.form-button

so that seems pretty unique but after looking at more pages it seems that the unique part is

FIELDSET.add-to-cart-box BUTTON.form-button.

magento-jquery.png

Step 1: where to test

We select in all cases the URL mentioned above and select the button. As a variation we change the text to Buy Now (in the editor you need to select HTML to change the text of the button).

Original: <button class="form-button" onclick="productAddToCartForm.submit()"><span>Add to Cart </span></button>

Variation: <button class="form-button" onclick="productAddToCartForm.submit()"><span>Buy Now</span></button>

magento-button.png

If you like to check if it now works in multiple product pages, just paste another 2 in the step 1 browser and you see that the selections also work.

Save the variation and the original and go to next step where you can preview. We need to act on step 5.

Step 5: who will see it

Reedge select automatically the URL's here that you used on the browser of step 1. Bu if you want the button to change everywhere you have to change the part where it says: Page URL -> Starts with to Page URL -> Contains. Then in the field behind it for osCommerce users you fill product_info.php that way reedge will apply the button change to any url that contains product_info.php.

Shopify users fill out /product/ in that field and Magento users nothing, thay can just remove everything. But if you have the shop installed in a subdomain or special folder, for example shop.mydomain.com or www.mydomain.com/shop/ it worth filling out that in URL we have to see the word shop that makes it easier to find the right button and give less risk of reedge to replace the wrong button.

The Rest

From there you Continue and finish the wizard, add a goal (usually a thank you page after payment) but you can create if different or multiple goals if you like. Save the test and it will start on the given date and you will see the results shortly.

Dennis van der Heijden Dec 01, 2009 Manual

THIS IS AN OLD VERSION, NOT USED ANYMORE

In these six steps we show you how to add a project and start making your first changes on the site. Will make a special X-mas offer for users from Canada that visited our page minimal twice before. We load this banner after the page is finished using a id-replacement in the existing site (we do not change any code in our CMS).

Step 1 Create New project

Using Create New Project in the Reedge App you can make a new project with its own code. Tracking information cannot be shared over projects, this to guarantee the strict separation of account even within the App.

Add_new_project_1259708868697.png

By giving Reedge information about your specific goals, we can assist you in reaching them. We will actively support you with tips and ideas how to use Reedge.

Once the project is made, click on it and you go to the Dashboard of the project.

Step 2 Place codes on your site

Now you in the new project you can add the code to you website.  To see the code for this project go to Project Settings.

Edit_Project_1259710837966.png

Code 1

We recommend to place Code 1 right before the </head> code in you website.

Note: You must understand that the code also can be placed at the bottom of your page before </body> but then some parts of Reedge will not work properly (See also more on this in Zones).

Code 2

Always under code 1 and before </body> you must place code 2.


Both codes allow you to track the user information and if the code 1 is loaded before the rest of the page (that's why its before </head>) it can change the page content based your preferences.

Step 3 Add domains that will run the code and share visitor information

In the Menu Domains you find the option Manage Domains. There you can Create new domain to add the websites you want to work within this same project. Maybe you CMS is supporting multiple domains in the same news networks and you like to add the code to all of them. No problem, just add as many as you like, they all share the same settings and visitor history for you to reuse over all these domains.

Add_new_domain_1259711784740.png

Once you added all the domains you wish to use within this project you can see them all in you domain overview (see image below).

Manage_Domains_1259711960150.png

Step 4 Create new test content

In Menu Inventory you can Create new inventory item this is the HTML code we want to load after the page is finished and is specifically intended to replace a HTML element in our website. We have an existing code in our demo-site see below:

<div id="rightbanner-top" style="width:300px; height:250px; margin-bottom:10px;">
      <a href="http://www.oursite.com/special-offer/">
          <img alt="Special Offer" src="/images/ads/special-sale-bunny.jpg" border="0" />
      </a>
</div>

 Reedge is able to replace any HTML code on the page by jQuery Selectors.In this case it seems most logical to use the ID in the div of the banner. Since there is only one div on the page with that ID we will only replace one item. The Change area selector (sorry thats how we call them) in the new stockitem (inventory-item) becomes then div#rightbanner-top

Add_new_stock_item_1259713177392.png

Now we have our special offer ready (see below) we need to decide who we want to offer this great X-mas offer. So we will make a new segment.

Manage_Inventory_1259713284667.png

 

Step 5 Create action

Since this is a campaign just for a short period we do not create a segment but make an action right away...

In the menu Actions -> Manage Actions you can Create new action. We call this X-mas 2009 offer for Canadians.

Describe the Action

Since you will use Reedge in many ways its good to describe the actions well. That way you know in 3 months time, what the actions were. Its also helpful for Reedge Support in case you need some help.

Add_new_action_1259714585201.png

Create Action Rules

We have dozens of entities you can use to create rules. This allows you to create thousands of different rules. By using one of the four main groups: Content, Systems, Traffic Sources or Visitor data, you can create divers rule.

We drag from the Visitor data en entity Country to the first rule block. We also add a rule so only people that visited two pages out of any of our domains in the project by adding the Pages visited entity to our rule and changing the Time look back option to 30 days that you can find after clicking more.

Add_new_action_1259715298081.png

Stock to load

Now we know who to target we need to load the stockitem that we made to replace the banner. By using the last part of this action Stock to load, you can select stored items and connect them to the action.

Add_new_action_1259715680311.png

Now the action is done and right after saving the action the targeted audience will see the changes on there version of your website.

Done!

Dennis van der Heijden Sep 19, 2009 Manual

When making rules for segments and actions entities are used to define the rule items. These entities can be dragged from the left menus and used to create a rule. There over thirty entities that can be selected so create actions and segments to improve visitor experiences.

We placed entities into four groups:

  • Content
  • Systems
  • Traffic Sources
  • Visitor data

Content

Here you find entities that relate to you sites content (like URL, domain, queries and protocols used)

External Link Clicked

This is used to create a rule that refers to a visitor action : clicked on an external link. By external link, we mean any link under a domain that is not added in your project.

Landing Page path

The page visitor entered your website. This entity stores the full URi including transfer protocol, domain, url and string. This page path refers to the last stored landing page (last session)

Page path

URi of the page (bold) http://mydomain.com/url_here?var1=val1&var2=val2

Page Url

Holds page url of a visit. This entity stores the full URi including transfer protocol, domain, url and string (bold) http://mydomain.com/url_here?var1=val1&var2=val2

Query string

This holds the query string in an URL. eg, what's after question mark in url (bold). http://mydomain.com/url_here?var1=val1&var2=val2

Site Domain

Domain visitor used to reach your website(site url) it can be domain.com, www.domain.com, testing.domain.com, testing1.testing.domain.com, etc.

Transfer protocol

This holds the transfer protocol of a visits! Said so anyone knows what this is about, it's http or https etc.

Systems

Here you find some entities that can be used to identify visitor systems from there browser settings.

Browser

The browser used by visitor.

Browser Version

The version of browser used by visitor, for example 3.5.7 (note that this is a string not numerical so that's why greater than comparisons do not work here).

Flash Support

Flash support capabilities of the visitor.

Java Support

Java support capabilities of the visitor.

Operating System

Operating system used by visitor.

Screen Colors

Screen color depth of visitor (eg 24 (bits))

Screen Resolution

Screen resolution of your visitor. It's represented line WIDTHxHEIGHT. eg. 1024x768

Traffic Sources

Here are entities that can be used to segement visitor sources.

Keyword

The keywords visitor used to reach your website.

Referral path

The path of the referral (everything after domain).

Referral type

The type of referral ( eg direct visit, search engine, internal)

Source name

The name of the domain your visited came from (eg google.com)

Visitor data

We grouped some other visitor data in this group, one of which is very important "Visitor segment" allows segments in segments and segments in actions.

Average time on page

The average time in second an user spends on a page

City

The city of visitor based on his IP. Although IP addresses are not stored in the system at the time of collecting the data a lookup is done on a geo-service and the geo information is entered in the system.

Country

Visitor's country based on IP. Although IP addresses are not stored in the system at the time of collecting the data a lookup is done on a geo-service and the geo information is entered in the system.

Days since last visit

Number of days elapsed since last visit (if returning visitor).

Hour of day

The hour of day visitor visited your site (visitor timezone in 24 hours - 00-24)

Language

Visitor's primary language as set up in his browser.

Pages visited

Number of pages visited

Region

Visitor's region based on IP. Although IP addresses are not stored in the system at the time of collecting the data a lookup is done on a geo-service and the geo information is entered in the system.

Time on page

The time in second a user spends on a page

Visit duration

Current Visit duration (seconds). A visit is counter from the moment of first page hit to last page hit in session.

Visitor Type

Visitor type ( eg new, returning).

Visitor’s Segment

Users are placed into segments within the software. This one represents all the segments the user is placed in at a certain time.

Visits count

Number of times visitor visited your site (different visits means different sessions)

Dennis van der Heijden Sep 19, 2009 Manual

Each rule item has the option more/less at the bottom right where you can select a time frame when this rule item is looking into. This making it possible to trigger event based on visitor data in a specific time segment. A combination of different "Time look back" time frames can create a powerful rule.

All time option in "Time look back" are based on visitor timezones and time and date as set in user operating system settings.

All the time

Looking back to moment visitor first visited you site or to the max. time of storage as set in your subscription type.

After Previous

This option allows you to look at the previous rule item(s). This way you can create a sequential rule. The "look into" option that appears when "After Previous" has been selected allow you to look back one or multiple rule items. (CLAUDIU IS THIS CORRECT?)

This session

Looks back only this browser session. The session is usually started when a browser start on the visitors computer and usually stops when the browser is closed.

Last hour

Looks back one hour.

Today

Looks back the whole day (starting at 00:00 in the visitors time settings)

This week

Looks back one week

This month

Looks back one month (or 30 days CLAUDIU WHICH IS IT)

This year

Looks back one year or to the max. time of storage as set in your subscription type.

____________________

Examples

Create a rule to indentify visitors that want to contact you

Goal: Trying to find visitors that visited our contact form three times this week and target the ones that did not send us an email using the form.

Using the combination of the entity "Page Url", the Condition "Contains" or "Matches exactly" and the Time look back on "This week" and #times on 3. We can create a rule items that identifies visitors that seens you contactform three times per week. Just use the part of the URL that is unique for the contactform example /contactform.html or include your domain as well www.domain.com/contactform.html.

<image>

Although we cannot guarantee that the users that visited the contact form did not contact you by phone we can try to find out if they visited our contact form confirmation page. We can identify the part of the URL that identified us that the form was send. In this example that can be /thanks-for-contact.html but anything will work.

Edit_Action_1253373794533.png

Result: We created a rule that identified visitors that visited our contact form this week but did not contact us this week using the e-mail form on our site. We might want to place a banner on the site to stimulate contact using our toll-free number.

Edit_Action_2.png

 

____________________

Related

The number of time it will look back for this rule item is defined at "#times" it is positioned before "Time look back"