How to separate functionality of Angular directive?

What are the best ways for A/B testing your own-brand functionality on someone else's site?

• My company has developed a product which we think has the 'accidental consequence' of affecting some of the metrics on websites where some of our functionality is included. In other words, white-labelling our functionality on certain websites has a positive effect on user behaviour and conversion on those sites. We want to be able to test this theory, precisely so that we can then explore white-labelling of our functionality as a revenue stream. So, we need to devise a test for proving or disproving that the inclusion of our functionality on another site has the impact we think it has. We've tried a simple test where we saved a local copy of some key pages (search, search results) for the sites we don't control, which we then embedded our functionality on, but this was a clumsy solution which didn't hit the spot. Are there any tools, resources, methods or extensions we can use that allow us to A/B test functionality on site over which we have no control? Either by creating a local copy which is then amended, or otherwise by altering the third-party site in the user's browser. Sites like http://www.pornolize.com demonstrate that it's possible to edit text content dynamically - does anything exist that has the functionality we want? We want to be able to put some test users in front of a computer and for them to use the third-party sites with our functionality embedded. What is the easiest and best way to do this to give a fair test?

• Answer:

  Write a small Greasemonkey script to load your functionality on certain sites in Firefox: https://addons.mozilla.org/en-US/firefox/addon/greasemonkey/ Or alternatively a Chrome extension http://code.google.com/chrome/extensions/getstarted.html