Static HTML: iFrame Tabs - landing page - html

I am using the Static HTML: iFrame Tabs app to use to design landing pages for several businesses. I have designed the landing page in html and it works when I click view as fan and view as non-fan. I have selected to display the same HTML for both fans and non-fans.
Accordingly, I selected the option to set my landing page. As a non-fan I see this tab as my landing page. When a fan comes to the facebook page they are forwarded to my wall.
I remember researching this awhile back and it seemed it was a bug that facebook had yet to address. I recently ran into a business page that worked as a fan and non-fan. How is this done?

You will get anyway the wall if you liked once the page. It is a Facebook behavior.

This is not a bug, this is how Facebook works - page fans, when going to your page, are sent to the page wall.

You have to set default landing page for all users in your page settings.
Hope this helps.

Related

Simple auth page with html redirection

I'm trying to build a very simple auth page that allows me to control a header. I'm very much a noob when it comes to HTML and have been reading tons of examples. I currently have an nginx container with a custom HTML landing page that uses a simple HTML login form. The landing page has 2 frames. One frame is the header with the page controls (the changes the lower frame) and I'm using a login example from w3 schools. What I'm trying to figure out is how can I make the landing page be the login page, and then have a simple auth system that redirects to the login landing page to the page with the iframes. I've been looking at a ton of tutorials but I can't seem to figure this out. Can someone direct me to an article that might help guide me through this process?

Share post on facebook, strange error

I need to implement a facebook share button on a website I am currently developing. The theory is simple and works with a simple link, e.g. https://www.facebook.com/share.php?u=https%3A%2F%2Freddit.com%2Fr%2Fall%2F. This works for me for random pages and my home page.
However, this does not work for all pages of that web site except the home page (/).
Example:
Page http://www.youmatch.global/approach/
Share link https://www.facebook.com/share.php?u=http%3A%2F%2Fwww.youmatch.global%2Fapproach%2F
The sharing dialog states "Object not found". I am already trying for two days but I have no clue what might be the problem.
Any ideas?
You may take look at this page to see what's wrong in your sharer : https://developers.facebook.com/tools/debug/sharing/

Link from external to specific part on a one page site

I have built my site based on a bootstrap template. It's a one page site with scrolling but I am currently redeveloping it so that my portfolio pages are separate pages and link back to the homepage. I want to link back to the gallery on the one page part of the site and therefore need to link to the homepage and get it to scroll instantly to the gallery. Any ideas on how I would do this. Site as it was is at www.js-gd.co.uk
Thanks
Jon
You could add an id to the section you are wanting and then have url.com/page#id
If you post the code I will be sure to help you

how can I navigate to a new page without reloading part of the current page?

I have a mybb forum, and a plugin that adds a public/private chat to the bottom of the forum (it adds a div before </body>).
I would like to navigate the forum without reloading the chat.
In this question, Josh Stodola explains how to change the url.
In this question, there is a small JavaScript code to change the url.
I've also read about HTML5 iframes, but I still can't imagine how can I use it all together.
Should the chat be inside an iframe? an iframe inside the forum? should the forum be inside an iframe, and the chat into another? And those 2 iframes, inside a new page???
I'm messed up...
You should have a window containing chat and an iframe for your content. This will allow you to navigate your forum and only reload the iframe vs the top frame.
<body><iframe src="someurl"></iframe><div>Chat</div></body>
A few things to note: doing it this way will not change the address bar while you navigate and this makes users confused when they try to link to pages and it takes them to the home page or wherever they started browsing your forum.
If you want to do something more fancy checkout pjax. It will let you change urls for the whole page while only loading certain content.

Dynamically updating Images to Facebook Page

I want to dynamically update the three images from "Trend Alert" in the EDM below:
http://sophiehart.createsend4.com/t/ViewEmail/r/D3501506593F4120/5AA0D88279FE59B738A555EB6E97B45B
To this Facebook iFrame.
http://www.facebook.com/apps/application.php?id=198582036826535&sk=app_198582036826535
I'm hoping someone knows a way to update these automagically - I don't want to have to manually change them every week.
The problem as you can see is that the EDM above spits out a different dynamic link every week.
Any one worked on something similar to this before?
This Facebook page currently features the same technique (The Latest section) - so if anyone can shed some light on it that would be great!
http://www.facebook.com/rachelzoe
EDIT: I've created the html email template and have got the iframe working - but i'm unsure how to link the images to the Facebook as the link to the html email (campaign monitor) will change weekly?
LINK to EDM: http://sophiehart.createsend4.com/t/ViewEmail/r/D3501506593F4120/5AA0D88279FE59B738A555EB6E97B45B
LINK TO FB: http://www.facebook.com/apps/application.php?id=198582036826535&sk=app_198582036826535
You can create a Facebook Application and install it as a tab in your client's Facebook Page. This tab will render an iframe with content from any URL that you specify. This way, you can do anything you want with your webpage (e.g. display 3 dynamic images), and it will be embedded in your client's Facebook Page.