Help around implementation of A/B test via target using JSON content.

[Prathyush]

I want to use mbox as an active location to serve our A/B test.
For exp A the location is the mbox "discount-box" and JSON content is {"name":"exp-A"} and for exp B the location is the mbox "discount-box" with JSON content is {"name":"exp-B"}. The targeting is done on a 50-50 percent basis.
We intend on extracting offers for this mbox and inject them into the web page's window object which can be further used to conditionally render frontend components.
My questions are:
1) Can my content ({"name":"exp-A"}/{"name":"exp-B"}) be retrieved using  getOffers(). If yes, will this abide by the 50-50 targeting rule.
2) Since we are capturing JSON content to render frontend how can we track analytics like viewing the component or clicking on it. Is there a better approach.
NOTE: We use Node Js environment along with React as frontend.
 

[Rite18]

@Prathyush 

1 : yes, define JSON payload variation for each offer, create an A/B test with JSON offer > for each offer insert corresponding JSON code > on frontend  use adobe.target.getOffer () function for the identified  MBOX location to render offer content

2 : i think we can use A4T if not an option then consider using custom code on the MBOX location and fire custom event for GA or Adobe Analytics