Page Flow

You can gain insight about how users of your application reach and leave certain pages by tracking the source page and the destination page.

1. Create a new hybrid application.
2. Make the following calls to the log function.

   WL.Analytics.log({sourcePage : 'home', destinationPage: 'cart'}, 'pageFlow');
   WL.Analytics.log({sourcePage : 'home', destinationPage: 'cart'}, 'pageFlow');
   WL.Analytics.log({sourcePage : 'product', destinationPage: 'cart'}, 'pageFlow');
   WL.Analytics.log({sourcePage : 'product', destinationPage: 'cart'}, 'pageFlow');
   WL.Analytics.log({sourcePage : 'cart', destinationPage: 'home'}, 'pageFlow');
   WL.Analytics.log({sourcePage : 'cart', destinationPage: 'checkout'}, 'pageFlow');

3. In the MobileFirst Analytics Console, click the Custom Charts tab on the Dashboard page. You can create a chart based on the analytics messages that were sent to the server.
4. Click Create Chart to create a new custom chart.
5. Provide the following values:
   • Chart Title: Cart Page Flow
   • Event Type: Custom Data
   • Chart Type: Flow Chart
6. Click the Chart Definition tab.
7. Provide the following values:
   • Source: sourcePage
   • Destination: destinationPage
   • Property: cart
8. Click Save.

Results

Figure 1. Cart Page Flow