Add Facebook tab for page for angular2 site

Question

I want to add tab in my business page for angular2 site. For that I follow that steps :-

 https://blog.hubspot.com/blog/tabid/6307/bid/26330/how-to-create-custom-tabs-for-facebook-business-pages.aspx

when I click on that particular tab its showing "can not Post error message" and when I try to hit this link :-

 http://www.facebook.com/dialog/pagetab?app_id=12345678901234&next=https://www.aaa.com/#!/home

its remove home from this link and create that new link :- https://www.aaa.com/#= and this link is not valid for my site.

Please tell me what I can do for angular2 site

Answer 1

its remove home from this link and create that new link :- https://www.aaa.com/#= and this link is not valid for my site.

You did not properly URL-encode the value - so the #!/home part belongs to the “outer” URL.

&next=https%3A%2F%2Fwww.aaa.com%2F%23%21%2Fhome

is what your URL to call the Page Tab add dialog should end with.