Trying to create a custom page tab... can't add the app to a page - tabs

I'm trying to create a relatively basic custom fan page tab with Developer, and for some reason I'm unable to add the app to any pages. In the past with other similar , I've had a "view app profile page" link on the left, but for some reason it's not showing up.
Am I missing a step?

Go to: https://www.facebook.com/dialog/pagetab?app_id=YOUR_APP_ID&next=YOUR_URL where YOUR_APP_ID is found in your app settings, and YOUR_URL is indeed the URL of the tab (this has to be there an correct). This will take you to the Add to Page Dialog of your page.
This is taken from this tutorial: https://developers.facebook.com/docs/appsonfacebook/pagetabs/
If you want to make a button so that anyone can add the tab to their pages check DMCS' link.

See: http://developers.facebook.com/docs/reference/dialogs/add_to_page/

Related

Is there a way to make a custom about blank page?

I'm currently working on my website and I had kept some placeholder links in it without linking it to any place, once open I get to the webpage about:blank#blocked , I was wondering if I could replace the blank screen and add a custom page maybe with .htaccess
http://rhysjosmin.tk/Subpages/Ongoing%20Projects/Ongoing.html
The link
No. When clicking invalid links such as http:// the browser does not know what to do and redirects you to some browser specific error page. Your server will not get any requests relating to this action.
I would suggest you replace all placeholder links with a valid link, let's say http://rhysjosmin.tk/Subpages/Placeholder.html, and create your custom page there.

Displaying LinkedIn content with `iframe`

I am making my website, and I want to put my LinkedIn profile in the Bio section. However, when I use iframe, I get that LinkedIn refused to connect. Is there a way to embed my LinkedIn profile in my website using HTML? Thanks!
<iframe src="https://www.linkedin.com/in/your-name"></iframe> yields:
LinkedIn allows you to create a badge, and put that badge in your portfolio/website. So, in order to make a LinkedIn badge, follow these steps:
From your LinkedIn profile, click on Contact Info which is next to the number of your connections.
Then click on the pen at the top right corner to edit the Contact Info.
The first thing you'll notice is your LinkedIn profile link. Click on it.
A new page will be opened, you'll see a column at the right of the page, and at its end, you'll find a box entitled with Public Profile badge and a Create a badge button at the bottom. Click on that button.
Copy the script tag and paste it at the bottom of your HTML sheet.
Scroll down, you'll find 4 designs for your badge. Select the proper one and copy its code from the bottom of it and paste it where you want the badge to be shared.
I know it's a long journey, but it's worth it.
NOTE: The link to your LinkedIn profile will always open in the current tab, even if you add to the a tag the attributes target="_blank" rel="noopener noreferrer". If you want the link to be opened in a new tab, put this line of code inside the head tag at the beginning of your HTML sheet <base target="_blank" />.
Another IMPORTANT Note: After putting the base tag inside your head tag, every single a tag inside that sheet will be opened in a new tab by default.
HAPPY CODING AND GOOD LUCK
Browsers these days prevent this from occurring by expecting iframes to only frame pages from the same site. It's to prevent clickjacking. and it's controlled via the X-Frame-Options header. You should see a similar error on dev tools, if you press F12 you should see this error
*Clickjacking, also known as a “UI redress attack”, is when an attacker uses multiple transparent or opaque layers to trick a user into clicking on a button or link on another page when they were intending to click on the top level page.*
Your hosting provider may have a policy in place to prevent this from occuring, or if that's you, you will be able to amend this default value on your server.
You can disable this via Chrome for your development.

Links not working on Facebook Page Custom Tab

I have created a custom tab for a Facebook page. Everything is displaying, the only issue happening is none of the link in that tab is working. Is there a special code that I need to add for Facebook Tab page in order to make the links work?
This is the facebook tab.
https://www.facebook.com/AstellasUS/app/2475799012460272/
And the links I have used basic HTML below
<li>Twitter: twitter.com/astellasus</li>
<li>LinkedIn: linkedin.com/company/astellas-pharma</li>
<li>YouTube: youtube.com/user/AstellasUS</li>
<li>Website: astellas.us</li>
They are “not working”, because those sites forbid being displayed inside a frame on a different domain, via the X-Frame-Options header.
Trying to open those sites inside the app iframe doesn’t make that much sense to begin with - so simply add target="_blank" to those links, so that they open in a new window/tab.

How to edit WordPress page's html code

I can't get editable html code behind the page. I want to make some changes to the page. Web site is hosted in the remote server. Someone assigned this task. There is empty editor when open edit page as below image.
Also I added plugin and actived it but can't get the result.
The picture you posted is of the WYSIWYG editor, which is only for adding content to the page.
If you want to edit the layout of the page itself you have 2 options -
Minor page edits to appear across all pages on the site - Go to Appearance -> editor -> page.php and then edit the code to suite your needs.
Large page edits to appear on one or two pages -
Get access to the files
Duplicate page.php with a different name
Edit code
When you go to add a new page you should have an option to pick a page template. Choose the page template you just created.
If you know exactly what you are doing, you can use Chrome "Inspect" feature, and change the HTML of the content inside the WordPress WYSIWYG Editor. After injecting your HTML, click Preview or Publish and your changes will be saved correctly.
In WordPress 5.5.3, you should be able to click the three dots on the top right, then select Code editor. Alternatively, press Ctrl+Shift+Alt+M.

Add iframe to facebook page

Does anyone could provide good link to ACTUAL information about how to add HTML iframe to my facebook page?
Yes, you can. Assuming it's a page, and not a standard profile?
You will need to get this app: http://www.facebook.com/apps/application.php?id=190322544333196
Then you can enter code into that app for it to display, you will also need to make sure you select that app as your default landing tab, by clicking "edit" - "default landing tab"