I have created a tab page app that streams music and displays banner ads via OpenX (approved by Facebook). The page that frames within Facebook is located here: https://www.mypchost.com/stream/
The problem I am encountering is that the banner ads will display properly OUTSIDE of Facebook, but not within the app itself (https://www.facebook.com/pages/MyPCHostcom/220325541429517?id=220325541429517&sk=app_484549871594370). What should happen is that both, the background should rotate at 30 second intervals, and the banners should change when the page is loaded; sometimes refreshing the page 3-6 times will make that happen, it varies.
I have tried using both JavaScript provided through OpenX and iframe code. Both will work OUTSIDE of Facebook - but never WITHIN it.
I have tried everything possible I can think of. I can set banners to be rotated manually using JavaScript, but that disallows the functionality of the OpenX ad server from rotating banners as then it isn't tied into the server, its manually coded onto the page.
Does anyone have any idea as to WHY this works OUTSIDE of Facebook and NOT inside? If you open one window with the outside version and one with the app within Facebook and refresh both, you will see different ads served. This is such a SIMPLE thing, but why in the world is it NOT WORKING!!!
The problem you're having is 'cause the delivery URL for OpenX isn't using your SSL URL. Likely all you need to do to correct it is replace the http: with https: in your invocation code for the banner's zone. There may be more to it but that's the gist.
Related
I have two different questions I would like to ask. I am new to javascript and I am trying to create a project ... of some sort.
Firstly, is it possible to have an integrated webbrowser within ... say a PHP page? e.g. using javascript, I have a canvas sized 500 x 700 within my "index.php" page, and can navigate to any website while remaining on my "index.php", but the websites appearing on that canvas?
If this is not possible, then is it possible to navigate to a website, and then interact with the elements thereof? I doubt this because you would no longer be connected to your file if you rediirect to another website, hence the integrated idea.
If neither or those are a possibility, then is it at all possible to interact with an EXTERNAL website's elements? External being not yours in this context.
You can use an iframe tag to load an external page, however
With most modern browsers you're not allowed to interact with the elements for security reasons
Many sites (still for security reasons) don't want to be loaded inside an iframe and they try to either escape the iframe or just render back a blank page instead.
One security problem is that a malicious page could open an iframe with e.g. a buy page of amazon.com and then render over it another opaque element that lets the click go through it.
This way a user may be tricked into click over a "watch the cute kitties" button and instead is clicking on the one-click-buy button of amazon (or liking a facebook page, or starting following a spammer on twitter or ...).
We have a header on our main website (Site #1) that is then fed to another website (Site #2). The header has a "My Account" link that is supposed to belong to site #2. When you click on from site #1 it loads full page same window correctly. When you go to site #2 and click the button it loads ONLY in the iframe at the top of the page (essentially the same area that is holding the header).
Site #1 is www.saclibrary.org
Site #2 is www.saclibrarycatalog.org
The original link that is supposed to be there for the my account link is https://find.saclibrarycatalog.org/iii/encore/myaccount
To get it to work for now I had to change the link to a redirect page on the first site, then have that page auto-redirect back to the second site's my account page. The urls in the iframe work correctly for any link that is not the same domain (saclibrarycatalog.org). That's why my work around works, but the original link in the same domain does not.
I've found a lot of places online telling you how to make a link load only in the iframe and not in full same page, but not the other way around, and I can't seem to reverse engineer any of those tips. Another web developer I talked to said it was a browser issue, but we have not done any updates to the browsers on the computers here. We are running firefox 25.0.1, and IE 9.
Thanks in advance!
You should really modernize your method. Using php, asp or cgi (depending on your hosting server capability) will allow you to split your header from the rest of your page (as for the footer and any other part). So loading your page and checking the requested URI, you can decide what is shown, when, and even don't load certain parts of your page.
i made a android app using it's web view. there contain a lot of functions. payment integration etc. i integrate this payment method using a third party tool. This tool provide an external html page. when i load this page directly in to my web view it's work nicely.
but after i got a requirement that there need a back button in the payment page. after then i add this page using an IFRAME. after there is number of issues came related to the design. the content is not fitting in the IFRAME also there is not displaying the scroll bars.
i tried differant kind of javascript method but no output.
If any solution present for this
Answer to the iframe scrolling problem
1.Zoom in until the iframe portion of the page completely fills the screen.
Tes might activiate the scrollbar and allow you to scroll the iframe.
2.Try double-touching the screen. This means you use two fingers to scroll on the iframe area.
3.If neither #1 or #2 work, try a different browser such as Dolphin, xScope, or Opera.
If none of those three work, try out Firefox. I listed Firefox separately and last because it is slow and resource-intensive on Android, but if it's your only recourse, then use it only when you must.
Can you provide more information on the content not fitting inside the iframe?
I have put a facebook like, facebook send, and twitter tweet button 10 times on my web page (1 for each article in my thread), but yet the page loads very slowly. Right now the site is just running on my local XAMPP stack but when I comment out those widgets, the page loads instantaneously. Otherwise it takes like 10 seconds to load.
It would be helpful to see the code to make sure you are applying it correctly, but I've experienced similar symptoms before. The way I would render it is by having the associated external Javascript files just before your </body> tag and not in your head. If the connection to the external host is slow, it can cause parallisation issues so you want to load it last.
This is happening all over the web lately. I'll see a slow-loading page and sure enough at the bottom there's a note that facebook or twitter is still loading.
The solution I found was an extension that shows the FB, Twitter buttons but doesn't actually load them unless you click the button. That way your page loads quickly and if FB or Twitter is slow that's their problem.
I use Sharrre for social sharing buttons. I activate it on mouseover so nothing is loaded until the user actually needs it. Hard to get it faster than this. It also supports a few other networks.
I don't load social sharing buttons directly anymore and only do it when there is no other option. Those things are horrible for loading times specially if used multiple times on the same page.
I want to create a web page that contains an (Flex/Flash) audio player that doesnt get reloaded when the page reloads. Currently, i am popping out the player in a new window. Please check http://www.paadal.com to see it in action.
What i want to achieve is to have the player in the same window, but it shouldnt reload. I am sure many of you will say use AJAX to prevent reloading of page like songza.fm. But the problem is search engines cannot index AJAX applications. This is true for a full fledged Flex app as well.
Is there any way to have the player in the same window? but not reload.
Thanks
Just add Ajax to existing page hierarchy, change each link to ajax call after page load (with javascript) and only reload content of some container. If you do it that way, search engines (and users without JS, with mobile phones for example) can access your page, and users with JS enabled can get bonus as music player
No, you cannot have a single element exempt from a page-reload, not without loading portions of the page via asynchronous calls to the server. When a window refreshes, it flushes the DOM out, including your mp3 player.
saying "searching engines cannot index AJAX apps" is totally dependent on how the application is written, there are plenty of ways to write an application that is still spider-able and plenty of other techniques for indexing (like www.sitemaps.org implimented by most major search vendors)
You can not maintain anything in a browsers memory after leaving the page (which is implied by a page reload)
For your use, it sounds like using old HTML frames/framesets could easily solve your issue, with a hidden frame containing your audio and the rest of your site in the main frame window.
It depends on the design of your website. You can us a standard html background sound, embedded media player or flash player on your main web page. The others pages will have to be used as a single pop up layered into each other. this will cause your music from the main page to play and allow you to navigate throughout your website because you linked the popup pages. To return to the main page use a close window script .