web-dev-qa-db-ja.com

iPhoneアプリにFacebookの「いいね！」ボタンを追加する

私がiphoneアプリにFacebookのような「ボタン」を組み込む方法を誰かが知っていますか。 UIWebView内でiframeを呼び出してみましたが、機能しません。

iphonefacebookbuttonfacebook-like
25
schwabr

この素敵なコードをチェックしてください： http://angelolloqui.blogspot.com/2010/11/facebook-like-button-on-ios.html

FBLikeButtonクラスをビューに追加します。

FBLikeButton *likeButton = [[FBLikeButton alloc] initWithFrame:CGRectMake(0, 372, 320, 44)       
andUrl:@"http://www.facebook.com/pages/De-Zilk/108209735867960"];

どうもありがとうAngelGarcíaOlloqui

編集：追加すると便利です...ボーナスポイントの場合：
上記の方法を使用すると、WebページはiPhone用に適切にフォーマットされません。できることは、JavaScriptコードを実行して、問題のあるdivをすべて削除することです。これを使用（長文）：

  [_webView stringByEvaluatingJavaScriptFromString:[NSString stringWithFormat:@"javascript:document.getElementsByClassName('uiButton')[2].style.visibility='hidden';var child1 = document.getElementById('standard_status');var parent1 = document.getElementById('login_form');parent1.removeChild(child1);var child2 = document.getElementById('pageheader');var parent2 = document.getElementById('booklet');parent2.removeChild(child2);document.getElementById('loginform').style.width = '200px';var child3 = document.getElementById('reg_btn_link');var parent3 = document.getElementsByClassName('register_link')[0];parent3.removeChild(child3);var child4 = document.getElementById('signup_area');var parent4 = document.getElementById('login_form');parent4.removeChild(child4);var child5 = document.getElementsByClassName('mbm')[0];var parent5 = document.getElementById('loginform');parent5.removeChild(child5);var child6 = document.getElementsByClassName('reset_password form_row')[0];var parent6 = document.getElementById('loginform');parent6.removeChild(child6);var child7 = document.getElementsByClassName('persistent')[0];var parent7 = document.getElementById('loginform');parent7.removeChild(child7);"]];

FacebookクラスのwebViewDidFinishLoadからデリゲートメソッドFBDialogに配置できます。

13
Ben Groot

ウィジェットのようなFbをアプリケーションに埋め込むことができます。 WebViewを追加して Fb Like Widget html code/URL here を取得するだけです。

fbのようなボタンを追加するViewController.hで：

#import <UIKit/UIKit.h>

@interface TestViewController : UIViewController <UIWebViewDelegate>

@property (strong, nonatomic) UIWebView * fbLikeWebView;

-(void)embedFBLikeButton;

@end

testViewController.m

#import "AboutUsViewController.h"

@implementation AboutUsViewController

@synthesize fbLikeWebView = _fbLikeWebView;

- (void)viewDidLoad
{
    [super viewDidLoad];

    //Add this code for FbLike Webview

    self.fbLikeWebView = [[UIWebView alloc] initWithFrame: CGRectMake(100.0, 50.0, 55.0, 70.0)];
    _fbLikeWebView.opaque = NO;
    _fbLikeWebView.backgroundColor = [UIColor clearColor];
    _fbLikeWebView.delegate = self;
    [self.view addSubview:_fbLikeWebView];

    for (UIScrollView *subview in _fbLikeWebView.subviews)
    {
        if ([subview isKindOfClass:[UIScrollView class]]) {
            subview.scrollEnabled = NO;
            subview.bounces = NO;
        }
    }
}

次に、ViewWillAppearメソッドでenbeddFBLikeButtonメソッドを呼び出して、fbLikeボタンウィッグをWebビューに追加します。

-(void)viewWillAppear:(BOOL)animated
{
    [self embedFBLikeButton];
    [_fbLikeWebView reload];
}

-(void)embedFBLikeButton
{
    NSString *facebookUrl =  //here paste the url you get from fb developer link above;

    [self.fbLikeWebView loadRequest:[NSURLRequest requestWithURL:[NSURL URLWithString:facebookUrl]]];
}

ここでUIWebViewDelegateに準拠し、次のedelegateメソッドを定義します。

#pragma mark - WebView Delgate Methods

- (BOOL)webView:(UIWebView *)webview shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType
{
    if ([request.URL.lastPathComponent isEqualToString:@"login.php"])
    {
        [self login];

        return NO;
    }

    return YES;
}

-(void)webView:(UIWebView *)webView didFailLoadWithError:(NSError *)error
{
    [_fbLikeWebView stopLoading];
}

Facebookアカウントにユーザーをログインさせるためのこのメソッド：

- (void)login
{
    [FBSession setActiveSession: [[FBSession alloc] initWithPermissions:@[@"publish_actions", @"publish_stream", @"user_photos"]]];

    [[FBSession activeSession] openWithBehavior: FBSessionLoginBehaviorForcingWebView completionHandler:^(FBSession *session, FBSessionState status, NSError *error) {
        switch (status) {
            case FBSessionStateOpen:
                // call the legacy session delegate
                //Now the session is open do corresponding UI changes
                if (session.isOpen) {
                    FBRequest *me = [FBRequest requestForMe];

                    [me startWithCompletionHandler: ^(FBRequestConnection *connection,
                                                      NSDictionary<FBGraphUser> *my,
                                                      NSError *error) {
                        if (!my) {
                            NSLog(@"Facebook error:\n%@", error.description);
                            [[[UIAlertView alloc] initWithTitle: @"Error"
                                                        message: @"Facebook Login error."
                                                       delegate: self
                                              cancelButtonTitle: @"Ok"
                                              otherButtonTitles: nil, nil] show];
                            return;
                        }
                    }];

                    [_fbLikeWebView reload];

                    [[[UIAlertView alloc] initWithTitle: @""
                                                message: @"Successfully Login. Please click on like button"
                                               delegate: self
                                      cancelButtonTitle: @"Ok"
                                      otherButtonTitles: nil, nil] show];
                }
                break;
            case FBSessionStateClosedLoginFailed:
            {
                [_fbLikeWebView reload];
            }
                break;
            default:
                break; // so we do nothing in response to those state transitions
        }
    }];
}
2
Sahil Mahajan

昔の質問ですが、答えが出ました

Fb sdkを使用することで、いいねボタンを追加できます

FBLikeControl *likeButton = [[FBLikeControl alloc] init];
like.objectID = @"http://ihackthati.wordpress.com/photo1/";
[self addSubview:like];

https://developers.facebook.com/docs/ios/like-button/

2
Clement Prem

上記のソリューションのいくつか（@ floorjiann、@ fabiobeta、@ Stephen-Darlington、@ scottなど）は、iPhoneアプリケーションがFacebookアプリケーション（独自のIDを持つ）でもあると想定しています。

ただし、iPhoneアプリケーションにファンページしかない場合、これは当てはまりません。

1
Sjors Provoost

UIWebViewに含めることができます。<html><body>内にあることを確認してください。問題は、ユーザーがボタンをクリックすると、UIWebViewがログインフォームにリダイレクトする可能性があるため、そのサイズに合わせてサイズを大きくする必要があることです。

ボタンを適切に表示するデザインを作成してください。

0
Mihai Damian

まずFacebookで認証を確認してから、次のようにiFrameではなくURLコードを使用します。

NSURL *url = [NSURL URLWithString:@"http://www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2FRemtechConfessionChambers&width=200&height=80&colorscheme=light&layout=standard&action=like&show_faces=true&send=false"];
NSURLRequest *req = [NSURLRequest requestWithURL:url];

[webViewFb loadRequest:req];
0
Rahul Verma

多分これは役に立ちます

http://www.raywenderlich.com/1626/how-to-post-to-a-users-wall-upload-photos-and-add-a-like-button-from-your-iphone-アプリ

0
florianbuerger

ここに行きます-ソースコードをw ...お楽しみください-そしてそれが有用な場合はコメントを残してください。

http://nowbranded.com/blog/adding-a-facebook-like-button-to-an-iphone-application/

0
Scott

Facebookは最近、 iPhone Facebook Connectフレームワーク を更新して、Graph APIで動作するようにしました。これは、Facebookのオブジェクトを「いいね」するために必要なAPIです。

0
Stephen Darlington

オープンソースのSOOMLAプロファイルプラグインを使用できます。 https://github.com/soomla/ios-profile

Facebook関連の多くのアクション（ログイン、いいね、ステータスの共有、画像のアップロード、連絡先の取得、招待など）のコード例があります。参照： https://github.com/soomla/ios-profile/blob/master/SoomlaiOSProfileExample/SoomlaiOSProfileExample/ViewController.m

0
Gur Dotan